\n {children}\n \n )\n}\n\nexport default InfoCard\n","import React, { Component } from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSync, faCheck } from '@fortawesome/free-solid-svg-icons'\nimport InfoCard from '../InfoCard'\nimport './index.scss'\n\nexport default class SynchCard extends Component {\n renderActiveSynchronization = () => (\n <>\n Current node state
\n \n
\n \n )\n\n renderCompleteSynchronization = () => (\n <>\n Current node state
\n \n
\n \n )\n\n renderSynchronizationState = state =>\n ({\n active: this.renderActiveSynchronization,\n complete: this.renderCompleteSynchronization,\n }[state])\n\n getSynchronizationState = ({ fullHeight, headersHeight }) => {\n if (\n fullHeight !== null &&\n headersHeight !== null &&\n fullHeight === headersHeight\n ) {\n return 'complete'\n }\n\n return 'active'\n }\n\n shouldComponentUpdate(nextProps) {\n if (\n this.getSynchronizationState(nextProps) !==\n this.getSynchronizationState(this.props.nodeInfo)\n ) {\n return true\n }\n\n return false\n }\n\n render() {\n const currentSynchState = this.getSynchronizationState(this.props.nodeInfo)\n return (\n \n {this.renderSynchronizationState(currentSynchState)()}\n \n )\n }\n}\n","import React, { Fragment } from 'react'\nimport {\n faExclamationTriangle,\n faSync,\n} from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { format } from 'date-fns'\nimport InfoCard from './InfoCard'\nimport SynchCard from './SynchCard'\n\nconst getWalletStatus = (isWalletInitialized, isWalletUnlocked) => {\n if (!isWalletInitialized) {\n return 'Not initialized'\n }\n\n if (!isWalletUnlocked) {\n return 'Initialized'\n }\n\n return 'Unlocked'\n}\n\nconst DashboardView = ({\n error,\n nodeInfo,\n isWalletInitialized,\n isWalletUnlocked,\n apiKey,\n}) => {\n if (error !== null) {\n return (\n \n \n
\n \n \n \n )\n }\n\n if (nodeInfo === null) {\n return (\n \n \n
\n \n )\n }\n\n const {\n peersCount,\n bestHeaderId,\n launchTime,\n fullHeight,\n appVersion,\n isMining,\n } = nodeInfo\n\n return (\n \n \n
\n
\n
\n Node version
\n {appVersion}
\n \n
\n
\n \n
\n
\n
\n Node started at
\n \n {format(new Date(launchTime), 'MM-dd-yyyy HH:mm:ss')}\n
\n \n
\n {fullHeight === null ? null : (\n
\n
\n Current height
\n {fullHeight}
\n \n
\n )}\n {bestHeaderId === null ? null : (\n
\n
\n Best block id
\n {bestHeaderId}
\n \n
\n )}\n
\n
\n Mining enabled
\n {isMining ? 'true' : 'false'}
\n \n
\n
\n
\n Peers connected
\n {peersCount}
\n \n
\n {apiKey !== '' && (\n
\n
\n Wallet status
\n \n {getWalletStatus(isWalletInitialized, isWalletUnlocked)}\n
\n \n
\n )}\n
\n
\n )\n}\n\nexport default DashboardView\n","import { useEffect, useRef } from 'react'\n\nfunction usePrevious(value) {\n // The ref object is a generic container whose current property is mutable ...\n // ... and can hold any value, similar to an instance property on a class\n const ref = useRef()\n\n // Store current value in ref\n useEffect(() => {\n ref.current = value\n }, [value]) // Only re-run if value changes\n\n // Return previous value (happens before update in useEffect above)\n return ref.current\n}\n\nexport default usePrevious\n","import DashboardContainer from './DashboardContainer'\n\nexport default DashboardContainer\n","import React, { useState, useEffect, useCallback, memo } from 'react'\nimport { connect } from 'react-redux'\nimport nodeApi from '../../../api/api'\nimport DashboardView from './DashboardView'\nimport {\n isWalletInitializedSelector,\n isWalletUnlockedSelector,\n} from '../../../store/selectors/wallet'\nimport { apiKeySelector } from '../../../store/selectors/app'\nimport usePrevious from '../../../hooks/usePrevious'\nimport walletActions from '../../../store/actions/walletActions'\n\nconst mapStateToProps = state => ({\n apiKey: apiKeySelector(state),\n isWalletInitialized: isWalletInitializedSelector(state),\n isWalletUnlocked: isWalletUnlockedSelector(state),\n})\n\nconst mapDispatchToProps = dispatch => ({\n dispatchCheckWalletStatus: () => dispatch(walletActions.checkWalletStatus()),\n})\n\nconst DashboardContainer = props => {\n const {\n isWalletInitialized,\n isWalletUnlocked,\n apiKey,\n dispatchCheckWalletStatus,\n } = props\n\n const [nodeInfo, setNodeInfo] = useState(null)\n const [error, setError] = useState(null)\n const [timerId, setTimerId] = useState(null)\n\n const getNodeCurrentState = () => nodeApi.get('/info')\n\n const setNodeCurrentState = useCallback(async () => {\n try {\n const { data } = await getNodeCurrentState()\n\n setNodeInfo(data)\n setError(null)\n } catch {\n setError('Node connection is lost.')\n }\n }, [])\n\n const setTimer = useCallback(() => {\n const newTimerId = setInterval(setNodeCurrentState, 2000)\n\n setTimerId(newTimerId)\n }, [setNodeCurrentState])\n\n const prevError = usePrevious(error)\n useEffect(() => {\n if (prevError && prevError !== error) {\n dispatchCheckWalletStatus()\n }\n }, [dispatchCheckWalletStatus, error, prevError])\n\n useEffect(() => {\n setNodeCurrentState()\n setTimer()\n // eslint-disable-next-line\n }, [])\n\n useEffect(\n () => () => {\n clearInterval(timerId)\n },\n [timerId],\n )\n\n return (\n \n Your payment successfully sent. Your transaction ID -{' '}\n {data} \n
\n \n \n Click Here To Go To The Explorer\n \n
\n \n ),\n })\n this.setState({ isShowTransactionId: true })\n })\n .catch(err => {\n const errMessage = err.data ? err.data.detail : err.message\n customToast('error', errMessage)\n setSubmitting(false)\n })\n }\n\n render() {\n return (\n \n
\n
Payment send \n
\n {({ status, isSubmitting }) => (\n \n )}\n \n \n
\n
\n
Get confirmed wallet balance \n
\n {({ status, isSubmitting }) => (\n \n )}\n \n \n
\n
\n
Get all wallet addresses \n
\n
\n
\n
\n The wallet UI is locked. You need to unlock the wallet to access its UI.\n
\n
\n
You need to initialize your wallet to access wallet UI.
\n
\n
For continue need to set API key.
\n
\n \n \n \n \n \n)\n\nexport default Router\n","import { combineReducers } from 'redux'\nimport appSlice from '../slices/appSlice'\nimport walletSlice from '../slices/walletSlice'\n\nexport default combineReducers({\n app: appSlice.reducer,\n wallet: walletSlice.reducer,\n})\n","import walletActions from '../actions/walletActions'\nimport nodeApi from '../../api/api'\nimport { apiKeySelector } from '../selectors/app'\n\nexport default store => next => action => {\n const { dispatch, getState } = store\n const apiKey = apiKeySelector(getState())\n\n switch (action.type) {\n case walletActions.checkWalletStatus.type:\n nodeApi\n .get('/wallet/status', {\n headers: {\n api_key: apiKey,\n },\n })\n .then(({ data: { isUnlocked, isInitialized } }) => {\n dispatch(walletActions.setIsWalletUnlocked(isUnlocked))\n dispatch(walletActions.setIsWalletInitialized(isInitialized))\n })\n .catch(() => {})\n\n break\n\n default:\n break\n }\n next(action)\n}\n","import React from 'react'\nimport { toast } from 'react-toastify'\nimport { Provider } from 'react-redux'\nimport Router from './router/router'\nimport createStore from './store'\n\nimport 'bootstrap/dist/css/bootstrap.min.css'\nimport './assets/styles/index.scss'\nimport 'react-toastify/dist/ReactToastify.min.css'\n\ntoast.configure()\nconst store = createStore()\n\nconst App = () => {\n return (\n \n \n )\n}\n\nexport default App\n","import { configureStore, getDefaultMiddleware } from 'redux-starter-kit'\nimport rootReducer from './reducers/rootReducer'\nimport walletMiddleware from './middlewares/walletMiddleware'\n\nexport default () => {\n const store = configureStore({\n reducer: rootReducer,\n middleware: [...getDefaultMiddleware(), walletMiddleware],\n })\n\n return store\n}\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport App from './App'\n\nReactDOM.render(\n
Menu
\n
\n
\n {Object.values(localRouteList).map(({ href, icon, title }, index) => (\n \n {icon} {title}\n \n ))}\n
\n
External links
\n
\n
\n {Object.values(externalRouteList).map(\n ({ href, icon, title }, index) => (\n
\n {icon} {title}\n \n ),\n )}\n \n
\n Set API key\n \n )\n }\n\n return (\n \n Update API key\n \n )\n}\n\nconst ApiKeyModalView = ({\n showModal,\n handleHide,\n submitForm,\n apiKey,\n handleShow,\n}) => {\n return (\n \n {renderButton(apiKey, handleShow)}\n
handleHide()} centered>\n \n {() => (\n \n )}\n \n \n
\n Unlock wallet\n \n )\n }\n\n return (\n \n Lock wallet\n \n )\n }\n\n render() {\n return (\n \n {this.renderButton()}\n
this.handleHide()}\n centered\n aria-labelledby=\"example-custom-modal-styling-title\"\n >\n \n {({ isSubmitting }) => (\n \n )}\n \n \n \n {this.props.children}\n \n \n Copied! \n \n \n )\n }\n\n startTimer = () => {\n const timerId = setTimeout(\n () => this.setState({ showTooltip: false }),\n 1500,\n )\n this.setState({ timerId })\n }\n\n onCopy = e => {\n e.preventDefault()\n copy(this.props.children)\n this.setState({ showTooltip: true })\n this.startTimer()\n }\n\n handleOnTooltipClose = () => {\n this.setState({ showTooltip: false })\n }\n\n componentWillUnmount() {\n clearTimeout(this.state.timerId)\n }\n}\n\nexport default CopyToClipboard\n","import React, { Component, memo } from 'react'\nimport { Formik, Field, Form } from 'formik'\nimport nodeApi from '../../../api/api'\nimport CopyToClipboard from '../../common/CopyToClipboard'\nimport customToast from '../../../utils/toast'\n\nconst initialFormValues = {\n walletPassword: '',\n mnemonicPass: '',\n}\n\nclass WalletInitializeForm extends Component {\n state = { isShowMnemonic: false }\n\n walletInit = async ({ walletPassword, mnemonicPass }) => {\n const { data } = await nodeApi.post(\n '/wallet/init',\n { pass: walletPassword, mnemonicPass },\n {\n headers: {\n api_key: this.props.apiKey,\n },\n },\n )\n\n return data\n }\n\n handleSubmit = (values, { setSubmitting, resetForm, setStatus }) => {\n setStatus({ status: 'submitting' })\n this.walletInit(values)\n .then(result => {\n resetForm(initialFormValues)\n setStatus({\n state: 'success',\n msg: (\n <>\n Your wallet successfully initialized. Please, save your mnemonic -{' '}\n {result.mnemonic} \n \n ),\n })\n this.setState({ isShowMnemonic: true })\n })\n .catch(err => {\n const errMessage = err.data ? err.data.detail : err.message\n customToast('error', errMessage)\n setSubmitting(false)\n })\n }\n\n render() {\n return (\n \n
Initialize wallet \n
\n {({ status, isSubmitting }) => (\n \n )}\n \n
\n
Re-store wallet \n
\n {({ status, isSubmitting }) => (\n \n )}\n \n
\n Initialize wallet\n \n )\n }\n\n render() {\n const { apiKey } = this.props\n\n return (\n \n {this.renderButton()}\n
this.handleHide()}\n centered\n size=\"lg\"\n >\n \n \n Wallet initialization\n \n \n \n \n
\n \n
\n \n \n \n Close\n \n \n \n \n
\n )\n }\n\n return (\n \n
\n )\n}\n\nconst HeaderView = ({ isApiKeySetted, isWalletInitialized }) => {\n return (\n \n \n \n \n {isApiKeySetted && renderWalletForms(isWalletInitialized)}\n \n )\n}\n\nexport default memo(HeaderView)\n","import HeaderContainer from './HeaderContainer'\n\nexport default HeaderContainer\n","import React, { memo, useEffect } from 'react'\nimport { connect } from 'react-redux'\nimport { apiKeySelector } from '../../store/selectors/app'\nimport { isWalletInitializedSelector } from '../../store/selectors/wallet'\nimport walletActions from '../../store/actions/walletActions'\nimport HeaderView from './HeaderView'\n\nconst mapStateToProps = state => ({\n apiKey: apiKeySelector(state),\n isWalletInitialized: isWalletInitializedSelector(state),\n})\n\nconst mapDispatchToProps = dispatch => ({\n dispatchCheckWalletStatus: () => dispatch(walletActions.checkWalletStatus()),\n})\n\nconst HeaderContainer = props => {\n const { apiKey, dispatchCheckWalletStatus, isWalletInitialized } = props\n\n useEffect(() => {\n if (apiKey !== '') {\n dispatchCheckWalletStatus()\n }\n }, [apiKey, dispatchCheckWalletStatus])\n\n const isApiKeySetted = apiKey !== ''\n\n return (\n \n
\n
\n
\n
\n {this.props.children}
\n \n
\n {children}\n \n )\n}\n\nexport default InfoCard\n","import React, { Component } from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSync, faCheck } from '@fortawesome/free-solid-svg-icons'\nimport InfoCard from '../InfoCard'\nimport './index.scss'\n\nexport default class SynchCard extends Component {\n renderActiveSynchronization = () => (\n <>\n Current node state
\n \n
\n \n )\n\n renderCompleteSynchronization = () => (\n <>\n Current node state
\n \n
\n \n )\n\n renderSynchronizationState = state =>\n ({\n active: this.renderActiveSynchronization,\n complete: this.renderCompleteSynchronization,\n }[state])\n\n getSynchronizationState = ({ fullHeight, headersHeight }) => {\n if (\n fullHeight !== null &&\n headersHeight !== null &&\n fullHeight === headersHeight\n ) {\n return 'complete'\n }\n\n return 'active'\n }\n\n shouldComponentUpdate(nextProps) {\n if (\n this.getSynchronizationState(nextProps) !==\n this.getSynchronizationState(this.props.nodeInfo)\n ) {\n return true\n }\n\n return false\n }\n\n render() {\n const currentSynchState = this.getSynchronizationState(this.props.nodeInfo)\n return (\n \n {this.renderSynchronizationState(currentSynchState)()}\n \n )\n }\n}\n","import React, { Fragment } from 'react'\nimport {\n faExclamationTriangle,\n faSync,\n} from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { format } from 'date-fns'\nimport InfoCard from './InfoCard'\nimport SynchCard from './SynchCard'\n\nconst getWalletStatus = (isWalletInitialized, isWalletUnlocked) => {\n if (!isWalletInitialized) {\n return 'Not initialized'\n }\n\n if (!isWalletUnlocked) {\n return 'Initialized'\n }\n\n return 'Unlocked'\n}\n\nconst DashboardView = ({\n error,\n nodeInfo,\n isWalletInitialized,\n isWalletUnlocked,\n apiKey,\n}) => {\n if (error !== null) {\n return (\n \n \n
\n \n \n \n )\n }\n\n if (nodeInfo === null) {\n return (\n \n \n
\n \n )\n }\n\n const {\n peersCount,\n bestHeaderId,\n launchTime,\n fullHeight,\n appVersion,\n isMining,\n } = nodeInfo\n\n return (\n \n \n
\n
\n
\n Node version
\n {appVersion}
\n \n
\n
\n \n
\n
\n
\n Node started at
\n \n {format(new Date(launchTime), 'MM-dd-yyyy HH:mm:ss')}\n
\n \n
\n {fullHeight === null ? null : (\n
\n
\n Current height
\n {fullHeight}
\n \n
\n )}\n {bestHeaderId === null ? null : (\n
\n
\n Best block id
\n {bestHeaderId}
\n \n
\n )}\n
\n
\n Mining enabled
\n {isMining ? 'true' : 'false'}
\n \n
\n
\n
\n Peers connected
\n {peersCount}
\n \n
\n {apiKey !== '' && (\n
\n
\n Wallet status
\n \n {getWalletStatus(isWalletInitialized, isWalletUnlocked)}\n
\n \n
\n )}\n
\n
\n )\n}\n\nexport default DashboardView\n","import { useEffect, useRef } from 'react'\n\nfunction usePrevious(value) {\n // The ref object is a generic container whose current property is mutable ...\n // ... and can hold any value, similar to an instance property on a class\n const ref = useRef()\n\n // Store current value in ref\n useEffect(() => {\n ref.current = value\n }, [value]) // Only re-run if value changes\n\n // Return previous value (happens before update in useEffect above)\n return ref.current\n}\n\nexport default usePrevious\n","import DashboardContainer from './DashboardContainer'\n\nexport default DashboardContainer\n","import React, { useState, useEffect, useCallback, memo } from 'react'\nimport { connect } from 'react-redux'\nimport nodeApi from '../../../api/api'\nimport DashboardView from './DashboardView'\nimport {\n isWalletInitializedSelector,\n isWalletUnlockedSelector,\n} from '../../../store/selectors/wallet'\nimport { apiKeySelector } from '../../../store/selectors/app'\nimport usePrevious from '../../../hooks/usePrevious'\nimport walletActions from '../../../store/actions/walletActions'\n\nconst mapStateToProps = state => ({\n apiKey: apiKeySelector(state),\n isWalletInitialized: isWalletInitializedSelector(state),\n isWalletUnlocked: isWalletUnlockedSelector(state),\n})\n\nconst mapDispatchToProps = dispatch => ({\n dispatchCheckWalletStatus: () => dispatch(walletActions.checkWalletStatus()),\n})\n\nconst DashboardContainer = props => {\n const {\n isWalletInitialized,\n isWalletUnlocked,\n apiKey,\n dispatchCheckWalletStatus,\n } = props\n\n const [nodeInfo, setNodeInfo] = useState(null)\n const [error, setError] = useState(null)\n const [timerId, setTimerId] = useState(null)\n\n const getNodeCurrentState = () => nodeApi.get('/info')\n\n const setNodeCurrentState = useCallback(async () => {\n try {\n const { data } = await getNodeCurrentState()\n\n setNodeInfo(data)\n setError(null)\n } catch {\n setError('Node connection is lost.')\n }\n }, [])\n\n const setTimer = useCallback(() => {\n const newTimerId = setInterval(setNodeCurrentState, 2000)\n\n setTimerId(newTimerId)\n }, [setNodeCurrentState])\n\n const prevError = usePrevious(error)\n useEffect(() => {\n if (prevError && prevError !== error) {\n dispatchCheckWalletStatus()\n }\n }, [dispatchCheckWalletStatus, error, prevError])\n\n useEffect(() => {\n setNodeCurrentState()\n setTimer()\n // eslint-disable-next-line\n }, [])\n\n useEffect(\n () => () => {\n clearInterval(timerId)\n },\n [timerId],\n )\n\n return (\n \n Your payment has been sent successfully. The transaction ID is -{' '}\n {data} \n
\n \n \n Click Here To Go To The Explorer\n \n
\n \n ),\n })\n this.setState({ isShowTransactionId: true })\n })\n .catch(err => {\n const errMessage = err.data ? err.data.detail : err.message\n customToast('error', errMessage)\n setSubmitting(false)\n })\n }\n\n render() {\n return (\n \n
\n
Payment send \n
\n {({ status, isSubmitting }) => (\n \n )}\n \n \n
\n
\n
Get confirmed wallet balance \n
\n {({ status, isSubmitting }) => (\n \n )}\n \n \n
\n
\n
Get all wallet addresses \n
\n
\n
\n
\n The wallet UI is locked. You need to unlock the wallet to access its UI.\n
\n
\n
You need to initialize your wallet to access wallet UI.
\n
\n
To continue, please set your API key.
\n
\n \n \n \n \n \n)\n\nexport default Router\n","import { combineReducers } from 'redux'\nimport appSlice from '../slices/appSlice'\nimport walletSlice from '../slices/walletSlice'\n\nexport default combineReducers({\n app: appSlice.reducer,\n wallet: walletSlice.reducer,\n})\n","import walletActions from '../actions/walletActions'\nimport nodeApi from '../../api/api'\nimport { apiKeySelector } from '../selectors/app'\n\nexport default store => next => action => {\n const { dispatch, getState } = store\n const apiKey = apiKeySelector(getState())\n\n switch (action.type) {\n case walletActions.checkWalletStatus.type:\n nodeApi\n .get('/wallet/status', {\n headers: {\n api_key: apiKey,\n },\n })\n .then(({ data: { isUnlocked, isInitialized } }) => {\n dispatch(walletActions.setIsWalletUnlocked(isUnlocked))\n dispatch(walletActions.setIsWalletInitialized(isInitialized))\n })\n .catch(() => {})\n\n break\n\n default:\n break\n }\n next(action)\n}\n","import React from 'react'\nimport { toast } from 'react-toastify'\nimport { Provider } from 'react-redux'\nimport Router from './router/router'\nimport createStore from './store'\n\nimport 'bootstrap/dist/css/bootstrap.min.css'\nimport './assets/styles/index.scss'\nimport 'react-toastify/dist/ReactToastify.min.css'\n\ntoast.configure()\nconst store = createStore()\n\nconst App = () => {\n return (\n \n \n )\n}\n\nexport default App\n","import { configureStore, getDefaultMiddleware } from 'redux-starter-kit'\nimport rootReducer from './reducers/rootReducer'\nimport walletMiddleware from './middlewares/walletMiddleware'\n\nexport default () => {\n const store = configureStore({\n reducer: rootReducer,\n middleware: [...getDefaultMiddleware(), walletMiddleware],\n })\n\n return store\n}\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport App from './App'\n\nReactDOM.render(