\n \n \n \n this.onClose()}>{this.props.t('common.cancel')} \n { \n this.setState({step: this.step.REQUEST})\n }}>{this.props.t('common.no')} \n { \n this.setState({step: this.step.VERIFY})\n }}>{this.props.t('common.yes')} \n \n
);\n break;\n case this.step.REQUEST:\n content = ({this.props.t('email.init')}
\n\n \n \n this.setState({email: e.target.value})}/>\n \n \n {loading}\n \n {this.props.t('common.submit')} \n \n
);\n break;\n case this.step.REQUESTED:\n content = ({this.props.t('email.request')}
\n{this.state.message}
\n\n \n \n \n { \n this.setState({step: this.step.REQUEST})\n }}>{this.props.t('common.prev')} \n { \n this.setState({step: this.step.VERIFY})\n }}>{this.props.t('common.next')} \n \n
);\n break;\n case this.step.VERIFY:\n content = ({this.props.t('email.requested')}
\n\n \n \n this.setState({verificationCode: e.target.value})}/>\n \n \n {loading}\n \n {this.props.t('common.submit')} \n \n
);\n break;\n case this.step.DONE:\n content = ({this.props.t('email.verify')}
\n{this.state.message}
\n\n \n \n \n this.onClose()}>{this.porps.t('common.ok')} \n \n
);\n break;\n }\n return(\n \n )\n }\n}\n\nexport default withTranslation(null, {withRef: null})(EmailVerifyDialog);","import React, {Component} from 'react';\nimport '../themeing.scss';\nimport './DialogInputStyle.css';\nimport Dialog, {\n DialogTitle,\n DialogContent,\n DialogFooter,\n DialogButton,\n} from '@material/react-dialog';\nimport {withTranslation} from 'react-i18next';\n\nconst initState = {\n formData: {\n id: 0,\n seedName: '',\n url: '',\n accountUserName: '',\n seed: '',\n key: '',\n seedInfo: '',\n },\n isOpen: false,\n};\n\nclass DetailsDialog extends Component {\n constructor(props) {\n super(props);\n this.state = initState;\n }\n\n openForm(initData) {\n this.setState({\n formData: initData,\n isOpen: true});\n }\n\n closeForm() {\n this.setState(initState);\n }\n\n render() {\n return (\n \n );\n }\n}\n\nexport default withTranslation(null, {withRef: true})(DetailsDialog);","import React, { Component } from 'react';\nimport { Router, Route, NavLink } from \"react-router-dom\";\nimport history from './history';\nimport './App.css';\nimport './themeing.scss';\nimport 'react-toastify/dist/ReactToastify.css';\n\n\nimport MaterialIcon from '@material/react-material-icon';\nimport TextField, {HelperText, Input} from '@material/react-text-field';\nimport IconButton from '@material/react-icon-button';\nimport Card, {\n CardPrimaryContent,\n CardMedia,\n CardActions,\n CardActionButtons,\n CardActionIcons\n} from \"@material/react-card\";\nimport {Cell, Grid, Row} from '@material/react-layout-grid';\nimport LinearProgress from '@material/react-linear-progress';\nimport {Fab} from '@material/react-fab';\nimport Api from './data/Api';\nimport AddAccountDialog from './dialogs/AddAccountDialog';\nimport SetEncryptionKeyDialog from './dialogs/SetEncryptionKeyDialog';\nimport { ToastContainer, toast } from 'react-toastify';\nimport { css } from 'glamor';\nimport Crypto from './data/Crypto';\nimport Button from '@material/react-button';\nimport {authenticator} from 'otplib/otplib-browser';\nimport EditAccountDialog from './dialogs/EditAccountDialog';\nimport {CopyToClipboard} from 'react-copy-to-clipboard';\nimport EmailVerifyDialog from './dialogs/EmailVerifyDialog';\nimport DetailsDialog from './dialogs/DetailsDialog';\nimport {AuthbookContext} from './data/AuthbookContext';\nimport {withTranslation} from 'react-i18next';\n\nclass Home extends Component {\n static contextType = AuthbookContext;\n constructor(props) {\n super(props);\n this.state = {\n isOpened: false,\n accounts: [],\n isSetKeyDialogVisible: false,\n encryptionKeyInput: \"\",\n loading: false,\n ticker: true,\n userinfo: this.context\n };\n this.emailVerify = React.createRef();\n this.addAccount = React.createRef();\n this.editAccount = React.createRef();\n this.details = React.createRef();\n this.authenticator = authenticator;\n }\n \n async componentDidMount(){\n console.log(\"mount\");\n const result = await Api.fetchUserInfo();\n if(result.ok){\n const userdata = await result.json();\n this.context.setUserinfo({ displayName: userdata.displayName,\n username: userdata.username,\n email: userdata.email, \n encryptionKeySet: userdata.isSeedKeySet,\n isEmailVerified: userdata.isEmailVerified });\n }\n if(!this.context.userinfo.encryptionKeySet){\n this.setState({isSetKeyDialogVisible: true});\n }else if(!this.context.userinfo.isEmailVerified){\n this.emailVerify.current.openForm(\n this.emailVerify.current.step.VERIFY);\n }else if(this.state.encryptionKey){\n this.loadAccounts();\n }else if(this.context.encryptionKey){\n this.setupTimer();\n }\n }\n \n componentWillUnmount(){\n clearInterval(this.otpTimer);\n }\n \n notify(msg){\n toast(msg, {\n className: css({\n background: '#333',\n \"border-radius\": \"8px\"\n }),\n progressClassName: css({\n background: \"white\"\n })\n });\n }\n \n async loadAccounts(){\n console.log(\"loading./..\");\n if(this.otpTimer){\n clearInterval(this.otpTimer);\n }\n this.setState({loading: true});\n let res = await Api.getAccounts();\n if(res.ok){\n let accounts = await res.json();\n for(let item of accounts){\n item.otpKey = await Crypto.decrypt(this.context.encryptionKey, item.encryptedSeed);\n item.otp = this.authenticator.generate(item.otpKey);\n \n const timeUsed = this.authenticator.timeUsed();\n const timeLeft = this.authenticator.timeRemaining();\n item.timeLeft = timeLeft / (timeUsed + timeLeft);\n }\n this.context.setAccounts(accounts);\n this.setState({loading: false});\n }\n \n this.setupTimer();\n }\n \n setupTimer(){\n this.otpTimer = setInterval(()=>{\n let tmp = this.context.accounts;\n for(let item of tmp){\n item.otp = this.authenticator.generate(item.otpKey);\n const timeUsed = this.authenticator.timeUsed();\n const timeLeft = this.authenticator.timeRemaining();\n item.timeLeft = timeLeft / (timeUsed + timeLeft);\n }\n this.context.setAccounts(tmp);\n this.setState({ticker: !this.state.ticker});\n }, 1000);\n }\n \n render() {\n const loading = this.state.loading ? ({this.props.t('email.done')}
\n\n \n this.setState({encryptionKeyInput: e.target.value})}/>\n
\n
\n
\n );\n \n const accounts = (\n {this.props.t(\"home.decrypt_desc\")}
\n\n
\n
\n \n \n \n {({accounts}) => \n accounts.map((item, i)=>{\n return(\n \n \n \n \n \n \n \n {\n this.details.current.openForm(item);\n }}>\n \n this.notify(this.props.t('home.copied'))}>\n \n \n \n {\n this.notify(\"Copied!\");\n window.open(item.url, \"_blank\");\n }}>\n \n \n \n \n {\n this.editAccount.current.openForm(i, item);\n }}>\n \n \n \n \n | \n )\n })\n }\n \n
\n \n } textLabel={this.props.t('home.add')}\n disabled={this.state.loading} onClick={()=>this.addAccount.current.openForm()}/>\n
\n );\n \n const content = this.context.encryptionKey != \"\" ? accounts : decryptPrompt;\n return (\n \n {item.otp}
\n {item.seedName} - {item.url}
\n {item.accountUserName}\n
\n \n {item.seedName} - {item.url}
\n {item.accountUserName}\n
\n {loading}\n {content}\n this.notify(this.props.t('home.added'))}/>\n this.setState({isSetKeyDialogVisible: false})}\n afterSubmit={()=>{\n this.setState({isSetKeyDialogVisible: false});\n this.notify(this.props.t('home.enc_done'));\n if(!JSON.parse(localStorage.getItem(\"isEmailVerified\"))){\n this.emailVerify.current.openForm(\n this.emailVerify.current.step.VERIFY);\n }\n }}/>\n {\n switch(result){\n case 0:\n this.notify(this.props.t('home.updated'));\n break;\n case 1: \n this.notify(this.props.t('home.deleted')); \n break;\n }\n }}/>\n \n \n
\n );\n }\n}\n\nexport default withTranslation()(Home);","import React, {Component} from 'react';\nimport '../themeing.scss';\nimport './DialogInputStyle.css';\n\nimport TextField, {HelperText, Input} from '@material/react-text-field';\nimport LinearProgress from '@material/react-linear-progress';\nimport Api from '../data/Api';\nimport Dialog, {\n DialogTitle,\n DialogContent,\n DialogFooter,\n DialogButton,\n} from '@material/react-dialog';\n\nconst initState = {\n currentPassword: '',\n newPassword: '',\n newPasswordCheck: '',\n loading: false,\n message: '',\n isOpen: false,\n success: false,\n};\n\nexport default class ChangePasswordDialog extends Component {\n constructor(props) {\n super(props);\n this.state = initState;\n }\n\n openForm() {\n this.setState({\n isOpen: true,\n });\n }\n\n onClose() {\n this.setState(initState);\n }\n\n render() {\n const loading = this.state.loading ? (\n \n \n \n this.onClose()}>Ok \n \n
\n\n ) : (\n Password has been changed successfully.
\n\n \n \n this.setState({currentPassword: e.target.value})}/>\n \n \n this.setState({newPassword: e.target.value})}/>\n \n \n this.setState({newPasswordCheck: e.target.value})}/>\n \n \n {loading}\n \n this.onClose()}>Cancel \n {\n this.setState({loading: true});\n const res = await Api.changePassword(\n this.state.currentPassword,\n this.state.newPassword,\n this.state.newPasswordCheck);\n if (res.ok) {\n this.setState({loading: false, success: true});\n } else {\n const result = await res.json();\n this.setState({loading: false, message: result.message});\n }\n }}>Submit \n \n
\n );\n return (\n \n );\n }\n}\n","import React, {Component} from 'react';\nimport '../themeing.scss';\nimport './DialogInputStyle.css';\n\nimport TextField, {HelperText, Input} from '@material/react-text-field';\nimport LinearProgress from '@material/react-linear-progress';\nimport Api from '../data/Api';\nimport Dialog, {\n DialogTitle,\n DialogContent,\n DialogFooter,\n DialogButton,\n} from '@material/react-dialog';\n\nconst initState = {\n currentPassword: '',\n newPassword: '',\n newPasswordCheck: '',\n loading: false,\n message: '',\n isOpen: false,\n success: false,\n};\n\nexport default class ChangeEncryptionKeyDialog extends Component {\n constructor(props) {\n super(props);\n this.state = initState;\n }\n\n openForm() {\n this.setState({\n isOpen: true,\n });\n }\n\n onClose() {\n this.setState(initState);\n }\n\n render() {\n const loading = this.state.loading ? ({this.state.message}
\n\n \n \n \n this.onClose()}>Ok \n \n
\n\n ) : (\n Encryption Key has been changed successfully.
\n\n \n \n this.setState({currentPassword: e.target.value})}/>\n \n \n this.setState({newPassword: e.target.value})}/>\n \n \n this.setState({newPasswordCheck: e.target.value})}/>\n \n \n {loading}\n \n this.onClose()} disabled={this.state.loading}>Cancel \n {\n this.setState({loading: true, message: 'PLease wait. It might take a few minutes. Don\\'t close this dialog.'});\n const res = await Api.changeEncryptionKey(\n this.state.currentPassword,\n this.state.newPassword,\n this.state.newPasswordCheck);\n if (res.ok) {\n this.setState({loading: false, success: true});\n } else {\n const result = await res.json();\n this.setState({loading: false, message: result.message});\n }\n }} disabled={this.state.loading}>Submit \n \n
\n );\n return (\n \n );\n }\n}\n","import React, { Component } from 'react';\nimport '../themeing.scss';\nimport './DialogInputStyle.css';\nimport history from '../history';\nimport TextField, {HelperText, Input} from '@material/react-text-field';\nimport LinearProgress from '@material/react-linear-progress';\nimport Api from '../data/Api';\nimport Dialog, {\n DialogTitle,\n DialogContent,\n DialogFooter,\n DialogButton,\n} from '@material/react-dialog';\nimport {AuthbookContext} from '../data/AuthbookContext';\n\n\nconst initState = {\n password: \"\",\n encryptionKey: \"\",\n loading: false,\n message: \"\",\n isOpen: false,\n success: false\n};\n\nexport default class CloseAccountDialog extends Component{\n static contextType = AuthbookContext;\n constructor(props) {\n super(props);\n this.state = initState;\n }\n \n openForm(){\n this.setState({\n isOpen: true\n });\n }\n \n onClose(){\n this.setState(initState);\n }\n \n render(){\n const loading = this.state.loading ? ({this.state.message}
\n\n \n \n \n {\n localStorage.clear();\n this.context.resetStates();\n history.push(\"/login\");\n }}>Ok \n \n
\n \n ) : (\n Your account is now closed and no longer available.
\n\n \n \n this.setState({password: e.target.value})}/>\n \n \n this.setState({encryptionKey: e.target.value})}/>\n \n \n {loading}\n \n this.onClose()}>Cancel \n {\n this.setState({loading: true});\n const res = await Api.closeAccount(\n this.state.password,\n this.state.encryptionKey);\n if(res.ok){\n this.setState({loading: false, success: true});\n }else{\n const result = await res.json();\n this.setState({loading: false, message: result.message});\n }\n }}>Close Account \n \n
\n )\n return(\n \n );\n }\n}\n","import React, { Component } from 'react';\nimport { Router, Route, NavLink } from 'react-router-dom';\nimport history from './history';\nimport './App.css';\nimport './themeing.scss';\n\nimport MaterialIcon from '@material/react-material-icon';\nimport List, {ListItem, ListItemText, ListGroup, \n ListGroupSubheader,ListDivider} from '@material/react-list';\nimport LinearProgress from '@material/react-linear-progress';\nimport Api from './data/Api';\nimport Button from '@material/react-button';\nimport EmailVerifyDialog from './dialogs/EmailVerifyDialog';\nimport ChangePasswordDialog from './dialogs/ChangePasswordDialog';\nimport ChangeEncryptionKeyDialog from './dialogs/ChangeEncryptionKeyDialog';\nimport CloseAccountDialog from './dialogs/CloseAccountDialog';\nimport {AuthbookContext} from './data/AuthbookContext';\nimport {withTranslation} from 'react-i18next';\n\nclass Settings extends Component {\n constructor(props) {\n super(props);\n this.state = {\n serverUrl: ''\n };\n this.emailVerify = React.createRef();\n this.changePassword = React.createRef();\n this.changeKey = React.createRef();\n this.closeAccount = React.createRef();\n\n this.listItems = [\n {title: this.props.t('settings.change_email'), desc: this.props.t('settings.change_email_desc'),\n onClick: ()=>{\n this.emailVerify.current.openForm();\n }},\n {title: this.props.t('settings.change_pw'), desc: this.props.t('settings.change_pw_desc'),\n onClick: ()=>{\n this.changePassword.current.openForm();\n }},\n {title:this.props.t('settings.change_enckey'), desc: this.props.t('settings.change_enckey_desc'),\n onClick: ()=>{\n this.changeKey.current.openForm();\n }},\n {title: this.props.t('settings.close_acc'), desc: this.props.t('settings.close_acc_desc'),\n onClick: ()=>{\n this.closeAccount.current.openForm();\n }}\n ];\n }\n \n async componentDidMount(){\n this.setState({ serverUrl: Api.url});\n }\n \n\n render() {\n return (\n Your account and and all of its data will be deleted. Type your password and encryption key to confirm.
\n{this.state.message}
\n\n \n {this.props.t('settings.acc_info')} \n {this.props.t('settings.acc_settings')} \n \n \n \n \n \n
\n );\n }\n}\n\nexport default withTranslation()(Settings);","import React, {Component} from 'react';\nimport {Router, Route, NavLink} from 'react-router-dom';\nimport history from './history';\nimport './App.css';\nimport './themeing.scss';\n\n\nimport TopAppBar, {TopAppBarFixedAdjust, TopAppBarIcon,\n TopAppBarTitle, TopAppBarRow, TopAppBarSection} from '@material/react-top-app-bar';\nimport Drawer, {DrawerAppContent, DrawerContent, DrawerHeader, DrawerTitle, DrawerSubtitle} from '@material/react-drawer';\nimport MaterialIcon from '@material/react-material-icon';\nimport List, {ListItem, ListItemGraphic, ListItemText} from '@material/react-list';\nimport Api from './data/Api';\nimport Home from './Home';\nimport Settings from './Settings';\nimport {AuthbookContext} from './data/AuthbookContext';\nimport {withTranslation} from 'react-i18next';\n\nclass App extends Component {\n constructor(props) {\n super(props);\n this.state = {\n selectedIndex: 0,\n isOpened: false,\n serverUrl: '',\n };\n }\n\n async componentDidMount() {\n if (!localStorage.getItem('session')) {\n history.push('/login');\n } else {\n Api.setUrl(localStorage.getItem('serverUrl'));\n this.setState({\n serverUrl: Api.url,\n });\n }\n }\n\n render() {\n return (\n - \n
- \n {this.listItems.map((item, i)=>{\n return(\n
\n this.setState({isOpened: false})}>\n\n \n {({userinfo}) => (\n \n {userinfo.displayName} \n {userinfo.username}
{this.state.serverUrl} \n \n )}\n \n\n\n \n \n \n\n \n \n \n \n \n this.setState({isOpened: !this.state.isOpened})}/>\n \n Authbook \n \n \n \n \n \n \n
\n );\n }\n}\n\nexport default withTranslation()(App);\n","import React, {Component} from 'react';\nimport '../themeing.scss';\nimport './DialogInputStyle.css';\n\nimport TextField, {HelperText, Input} from '@material/react-text-field';\nimport LinearProgress from '@material/react-linear-progress';\nimport Api from '../data/Api';\nimport Dialog, {\n DialogTitle,\n DialogContent,\n DialogFooter,\n DialogButton,\n} from '@material/react-dialog';\nimport {withTranslation} from 'react-i18next';\n\nclass SignupDialog extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n serverUrl: '',\n username: '',\n displayName: '',\n email: '',\n password: '',\n passwordCheck: '',\n loading: false,\n done: false,\n message: '',\n };\n }\n\n openForm(serverUrl) {\n this.setState({isOpen: true, serverUrl: serverUrl});\n }\n\n async signup() {\n this.setState({loading: true});\n try {\n const res = await Api.signup(\n this.state.username,\n this.state.displayName,\n this.state.email,\n this.state.password,\n this.state.passwordCheck);\n if (res.ok) {\n this.setState({loading: false, done: true});\n } else {\n const result = await res.json();\n this.setState({loading: false, message: result.message});\n }\n } catch (error) {\n console.log(error);\n }\n }\n\n render() {\n const loading = this.state.loading ? ({this.state.serverUrl}
- \n
\n \n \n \n this.setState({isOpen: false, done: false})}>OK \n \n
) :\n (Almost done!
\nWe just sent an email that includes email verification code.\n To use your account, verify your email with the code on your first login.
\n\n \n \n \n \n \n this.setState({username: e.target.value})}/>\n \n \n this.setState({displayName: e.target.value})}/>\n \n \n this.setState({email: e.target.value})}/>\n \n \n this.setState({password: e.target.value})}/>\n \n \n this.setState({passwordCheck: e.target.value})}/>\n \n \n {loading}\n \n {this.props.t('login.signup')} \n \n
);\n return (\n \n );\n }\n}\n\nexport default withTranslation(null, {withRef: true})(SignupDialog);\n","import React, { Component } from 'react';\nimport '../themeing.scss';\nimport './DialogInputStyle.css';\n\nimport TextField, {HelperText, Input} from '@material/react-text-field';\nimport LinearProgress from '@material/react-linear-progress';\nimport Api from '../data/Api';\nimport Dialog, {\n DialogTitle,\n DialogContent,\n DialogFooter,\n DialogButton,\n} from '@material/react-dialog';\nimport { withTranslation } from 'react-i18next';\n\nclass PasswordRecoverDialog extends Component{\n \n step = {\n INIT: 0,\n REQUEST: 1,\n REQUESTED: 2,\n VERIFY: 3,\n DONE: 4\n };\n \n constructor(props) {\n super(props);\n this.state = {\n serverUrl:\"\",\n isOpen: false,\n step: this.step.INIT,\n email: \"\",\n username: \"\",\n verificationCode: \"\",\n password: \"\",\n passwordCheck: \"\",\n loading: false,\n message: \"\"\n };\n }\n \n openForm(serverUrl){\n this.setState({isOpen: true, serverUrl: serverUrl});\n }\n\n onClose(){\n this.setState({\n serverUrl:\"\",\n isOpen: false,\n step: this.step.INIT,\n email: \"\",\n username: \"\",\n verificationCode: \"\",\n password: \"\",\n passwordCheck: \"\",\n loading: false,\n message: \"\"\n });\n }\n \n async requestRecover(){\n this.setState({loading: true});\n try{\n let res = await Api.reqPasswordRecovery(this.state.email);\n if(res.ok){\n this.setState({loading: false, step: this.step.REQUESTED});\n }else{\n const result = await res.json();\n this.setState({loading: false, message: result.message});\n }\n }catch(error){\n console.log(error);\n this.setState({loading: false, message: error});\n }\n }\n\n async recoverPassword(){\n this.setState({loading: true});\n try{\n let res = await Api.recoverPassword(\n this.state.username,\n this.state.verificationCode,\n this.state.password,\n this.state.passwordCheck);\n if(res.ok){\n this.setState({loading: false, step: this.step.DONE});\n }else{\n const result = await res.json();\n this.setState({loading: false, message: result.message});\n }\n }catch(error){\n console.log(error);\n this.setState({loading: false, message: error});\n }\n }\n \n render(){\n const loading = this.state.loading ? ({this.state.message}
\n\n \n \n \n { \n this.setState({step: this.step.REQUEST})\n }}>{this.props.t(\"common.no\")} \n { \n this.setState({step: this.step.VERIFY})\n }}>{this.props.t(\"common.yes\")} \n \n
);\n break;\n case this.step.REQUEST:\n content = ({this.props.t(\"login.recover_init\")}
\n\n \n \n \n \n \n this.setState({email: e.target.value})}/>\n \n \n {loading}\n \n {this.props.t(\"common.submit\")} \n \n
);\n break;\n case this.step.REQUESTED:\n content = ({this.props.t(\"login.recover_request\")}
\n{this.state.message}
\n\n \n \n \n { \n this.setState({step: this.step.REQUEST})\n }}>{this.props.t(\"commom.prev\")} \n { \n this.setState({step: this.step.VERIFY})\n }}>{this.props.t(\"common.next\")} \n \n
);\n break;\n case this.step.VERIFY:\n content = ({this.props.t(\"login.recover_requested\")}
\n\n \n \n \n \n \n this.setState({username: e.target.value})}/>\n \n \n this.setState({verificationCode: e.target.value})}/>\n \n \n this.setState({password: e.target.value})}/>\n \n \n this.setState({passwordCheck: e.target.value})}/>\n \n \n {loading}\n \n Submit \n \n
);\n break;\n case this.step.DONE:\n content = ({this.props.t(\"login.recover_verify\")}
\n{this.state.message}
\n\n \n \n \n this.onClose()}>Ok \n \n
);\n break;\n }\n return(\n \n )\n }\n}\n\nexport default withTranslation(null,{withRef: true})(PasswordRecoverDialog);","import React, { Component } from 'react';\nimport { Router, Route, Link } from \"react-router-dom\";\nimport history from '../history';\nimport Api from '../data/Api';\nimport './Login.scss';\nimport '../themeing.scss';\nimport logo from '../logo.svg';\nimport TextField, {HelperText, Input} from '@material/react-text-field';\nimport Button from '@material/react-button';\nimport Dialog, {\n DialogTitle,\n DialogContent,\n DialogFooter,\n DialogButton,\n} from '@material/react-dialog';\nimport {Chip} from '@material/react-chips';\nimport LinearProgress from '@material/react-linear-progress';\nimport Card, {\n CardPrimaryContent,\n CardMedia,\n CardActions,\n CardActionButtons,\n CardActionIcons\n} from \"@material/react-card\";\nimport SignupDialog from '../dialogs/SignupDialog';\nimport PasswordRecoverDialog from '../dialogs/PasswordRecoverDialog';\nimport {AuthbookContext} from '../data/AuthbookContext';\nimport { withTranslation } from 'react-i18next';\n\nclass Login extends Component {\n static contextType = AuthbookContext;\n constructor(props) {\n super(props);\n this.state = {\n username: \"\", password: \"\", url: \"https://authbook.herokuapp.com\",\n isOpen: false, message: \"\", loading: false,\n userinfo: this.context\n };\n Api.setUrl(this.state.url);\n this.signup = React.createRef();\n this.pwRecover = React.createRef();\n }\n \n async login(){\n this.setState({loading: true});\n Api.setUrl(this.state.url);\n let res = await Api.login(this.state.username, this.state.password);\n if(res.ok){\n let userdata = await res.json();\n localStorage.setItem(\"serverUrl\", Api.url);\n localStorage.setItem(\"session\", res.headers.get(\"SESSION\"));\n this.setState({loading: false});\n this.context.setUserinfo({ displayName: userdata.displayName,\n username: userdata.username,\n email: userdata.email, \n encryptionKeySet: userdata.isSeedKeySet,\n isEmailVerified: userdata.isEmailVerified });\n history.push(\"/\");\n }else{\n let result = await res.json();\n this.setState({message: result.message, loading: false});\n }\n }\n \n render() {\n const loading = this.state.loading ? (Done! You can now use your new password.
\n\n \n 
\n
\n \n{this.setState({isOpen: true})}}/>
\n\n this.setState({username: e.target.value})}/>\n
\n\n this.setState({password: e.target.value})}/>\n
\n
\n \n \n \n \n \n \n
\n );\n }\n}\n\nexport default withTranslation()(Login);","/* eslint-disable no-multi-str */\nconst i18nEnUS = {\n translation: {\n 'common': {\n 'ok': 'OK',\n 'yes': 'Yes',\n 'no': 'No',\n 'next': 'Next',\n 'prev': 'Previous',\n 'submit': 'Submit',\n 'cancel': 'Cancel',\n 'close': 'Close',\n 'delete': 'Delete',\n 'username': 'Username',\n 'password': 'Password',\n 'pwcheck': 'Password Check',\n 'serverurl': 'Server URL',\n 'email': 'Email Address',\n 'ver_code': 'Verification code',\n 'dspname': 'Display name(nickname, real name, etc...)',\n 'configure': 'Configure',\n 'enckey': 'Encryption key',\n 'enckey_check': 'Encryption key check',\n 'acc_name': 'Website/Service Name',\n 'url': 'URL',\n 'info': 'Information',\n 'otpkey': 'OTP Key'\n },\n 'menu': {\n 'accounts': 'My Accounts',\n 'settings': 'Settings',\n 'about': 'About',\n 'logout': 'Logout',\n },\n 'login': {\n 'login': 'Log In',\n 'signup': 'Sign Up',\n 'signup_done': 'Almost Done!',\n 'signup_done_msg': 'We just sent an email that includes email verification code.\\n \\\n To use your account, verify your email with the code on your first login.',\n 'forgot': 'Forgot password',\n 'recover': 'Password recivery',\n 'recover_init': 'Did you received a verification code for recovering your password via email?',\n 'recover_request': 'Submit email address of your authbook account to get a verification code.',\n 'recover_requested': 'Now, check your inbox and prepare your verification code.\\n \\\n Couldn\\'t received? You can move to previous step and request again.\\n \\\n Click \\'Next\\' if you are ready.',\n 'recover_verify': 'Use the verification code you received to recover password.',\n 'recover_verified': 'Done! You can now use your new password.',\n 'new_pw': 'New password',\n 'new_pw_chk': 'Confirm new password',\n 'server_config': 'Configure server',\n 'server_config_desc': 'Type the url of Authbook server instance. It must be HTTPS.',\n },\n 'home': {\n 'decrypt_desc': 'Type your encryption key to decrypt your accounts.',\n 'decrypt': 'Decrypt',\n 'add': 'Add account',\n 'enc_done': 'Encryption key has been configured.',\n 'added': 'New account has been added.',\n 'updated': 'Account updated',\n 'deleted': 'Account deleted',\n 'copied': 'Copied!',\n 'addnew': 'Add new account',\n 'acc_details': 'Account details',\n 'acc_edit': 'Edit account',\n 'acc_edit_otpkey_desc': 'Leave this field empty to current otp key.',\n 'conf_enckey': 'Configure your encryption key',\n 'conf_enckey_desc': 'Encryption key will be used to encrypt your account OTP data.\\n \\\n Please note that if you forgot your encryption key, you can\\'t recover it.'\n },\n 'email': {\n 'title': 'Update/Verify Email',\n 'init': 'Did you received a verification code for verifying your email address?',\n 'request': 'Submit the new email address that will replace the current one.',\n 'requested': 'Now, check your inbox and prepare your verification code.\\n \\\n Couldn\\'t received? You can move to previous step and request again.\\n \\\n Click \"Next\" if you are ready.',\n 'verify': 'Use the verification code you received to verify your email address.',\n 'done': 'Done! Your email is now updated and verified.',\n 'new': 'New email address'\n },\n 'settings': {\n 'acc_info': 'Account information',\n 'acc_settings': 'Account settings',\n 'change_email': 'Change Email Address',\n 'change_email_desc': 'Click to change your email address',\n 'change_pw': 'Change password',\n 'change_pw_desc': 'Change the password of your account',\n 'change_enckey': 'Change Encryption Key',\n 'change_enckey_desc': 'Change the key that encryptes OTP data.',\n 'close_acc': 'Close my account',\n 'close_acc_desc': 'Delete your data and account from the server.'\n\n }\n },\n};\nexport default i18nEnUS;\n","const i18nKoKR = {\n translation: {\n 'common': {\n 'ok': '확인',\n 'yes': '예',\n 'no': '아니오',\n 'next': '다음',\n 'prev': '이전',\n 'submit': '제출',\n 'cancel': '취소',\n 'close': '닫기',\n 'delete': '제거',\n 'username': '사용자 이름',\n 'password': '암호',\n 'pwcheck': '암호 확인',\n 'serverurl': '서버 URL',\n 'email': '이메일 주소',\n 'ver_code': '인증 코드',\n 'dspname': '표시 이름(별명, 실명 등)',\n 'configure': '구성',\n 'enckey': '암호화 키',\n 'enckey_check': '암호화 키 확인',\n 'acc_name': '웹사이트/서비스 이름',\n 'url': 'URL',\n 'info': '정보',\n 'otpkey': 'OTP 키'\n },\n 'menu': {\n 'accounts': '내 계정',\n 'settings': '설정',\n 'about': '정보',\n 'logout': '로그아웃',\n },\n 'login': {\n 'login': '로그인',\n 'signup': '회원 가입',\n 'signup_done': '거의 다 되었습니다!',\n 'signup_done_msg': '입력하신 메일주소로 인증 코드가 포함된 메일을 보내드렸습니다.\\n \\\n 첫 로그인 후 인증 코드로 인증 후 이용하시기 바랍니다.',\n 'forgot': '암호 분실',\n 'recover': '암호 복구',\n 'recover_init': '암호 복구를 위한 인증코드를 메일로 받으셨습니까?',\n 'recover_request': '인증 코드를 얻기 위해 Authbook 계정의 이메일 주소를 입력하세요.',\n 'recover_requested': '메일함을 확인하여 인증코드를 준비하세요.\\n \\\n 아직 받지 못했다면, 이전 단계에서 다시 요청하세요.\\n \\\n 준비가 되었다면, \\'다음\\'을 눌러서 계속하세요',\n 'recover_verify': '앞서 받은 인증코드로 암호를 복구하세요.',\n 'recover_verified': '이제 새 암호로 로그인 가능합니다.',\n 'new_pw': '새 암호',\n 'new_pw_chk': '새 암호 확인',\n 'server_config': '서버 구성',\n 'server_config_desc': 'Authbook 서버 인스턴스의 서버 URL을 입력하세요. 꼭 HTTPS여야 합니다.',\n },\n 'home': {\n 'decrypt_desc': '계정 정보를 복호화 하기 위해 암호화 키를 입력하세요.',\n 'decrypt': '복호화',\n 'add': '계정 추가',\n 'enc_done': '암호화 키가 구성되었습니다.',\n 'added': '새 계정이 추가되었습니다.',\n 'updated': '계정이 업데이트 되었습니다.',\n 'deleted': '계정이 제거되었습니다.',\n 'copied': '복사되었습니다!',\n 'addnew': '새 계정 추가',\n 'acc_details': '계정 상세 정보',\n 'acc_edit': '계정 수정',\n 'acc_edit_otpkey_desc': '사용중인 OTP 키를 유지하려면 이 칸을 비워두세요.',\n 'conf_enckey': '암호화 키 구성',\n 'conf_enckey_desc': '암호화 키는 OTP 데이터 암호화에 사용됩니다.\\n \\\n 분실 하시는 경우 복구할 수 없습니다.'\n },\n 'email': {\n 'title': '이메일 갱신/인증',\n 'init': '이메일로 이메일 주소 인증을 위한 인증코드를 받으셨나요?',\n 'request': '지금 사용중인 이메일 주소를 대체할 새 이메일 주소를 입력하세요.',\n 'requested': '받은 편지함을 확인하여 인증코드를 준비하세요.\\n \\\n 받지 못했다면, 이전 단계로 이동하여 다시 요청할 수 있습니다..\\n \\\n 준비가 되었다면, \"다음\" 버튼을 누르세요.',\n 'verify': '이메일 주소를 인증하려면 앞서 받은 인증코드를 입력하세요.',\n 'done': '이메일 주소가 갱신 및 인증 되었습니다.',\n 'new': '새 이메일 주소'\n },\n 'settings': {\n 'acc_info': '계정 정보',\n 'acc_settings': '계정 설정',\n 'change_email': '이메일 주소 변경',\n 'change_email_desc': '계정에 연결된 이메일 주소 변경',\n 'change_pw': '암호 변경',\n 'change_pw_desc': '계정 로그인 암호 바꾸기',\n 'change_enckey': '암호화 키 변경',\n 'change_enckey_desc': 'OTP 데이터 암호화에 쓸 키 변경',\n 'close_acc': '회원 탈퇴',\n 'close_acc_desc': '서버에서 내 계정과 데이터 모두 지우기'\n\n }\n },\n};\nexport default i18nKoKR;\n","import i18n from 'i18next';\nimport {initReactI18next} from 'react-i18next';\nimport LanguageDetector from 'i18next-browser-languagedetector';\n\nimport i18nEnUS from './enUS';\nimport i18nKoKR from './koKR';\n\ni18n\n .use(LanguageDetector)\n .use(initReactI18next)\n .init({\n fallbackLng: 'en-US',\n debug: true,\n detection: {\n order: ['navigator'],\n },\n resources: {\n 'en-US': i18nEnUS,\n 'ko-KR': i18nKoKR,\n\n 'interpolation': {\n escapeValue: false,\n },\n },\n });\n\nexport default i18n;\n","import React, {Component} from 'react';\nimport ReactDOM from 'react-dom';\nimport './themeing.scss';\nimport './index.scss';\nimport {Router, Route, Link, Redirect} from 'react-router-dom';\nimport * as serviceWorker from './serviceWorker';\nimport App from './App';\nimport Login from './auth/Login';\nimport history from './history';\nimport {AuthbookContextProvider} from './data/AuthbookContext';\nimport './data/i18n/i18n';\nReactDOM.render((\n Authbook
\n \n
\n
\n
\n
{this.state.message}
\n {loading}\n\n \n \n
\n (\n \n )}/>\n \n
\n