2021-04-05 11:09:21 +00:00
|
|
|
import React, { useEffect, useState } from 'react';
|
|
|
|
|
|
|
|
import constants from 'utils/strings/constants';
|
|
|
|
import { getData, LS_KEYS } from 'utils/storage/localStorage';
|
|
|
|
import { useRouter } from 'next/router';
|
|
|
|
import { KeyAttributes } from 'types';
|
|
|
|
import CryptoWorker, { setSessionKeys } from 'utils/crypto';
|
|
|
|
import PassPhraseForm from 'components/PassphraseForm';
|
2021-04-07 09:22:59 +00:00
|
|
|
import MessageDialog from 'components/MessageDialog';
|
2021-04-05 11:09:21 +00:00
|
|
|
|
2021-04-05 12:10:52 +00:00
|
|
|
export default function Recover() {
|
2021-04-05 11:09:21 +00:00
|
|
|
const router = useRouter();
|
|
|
|
const [keyAttributes, setKeyAttributes] = useState<KeyAttributes>();
|
2021-04-05 12:10:52 +00:00
|
|
|
const [messageDialogView, SetMessageDialogView] = useState(false);
|
2021-04-05 11:09:21 +00:00
|
|
|
useEffect(() => {
|
|
|
|
router.prefetch('/gallery');
|
|
|
|
const user = getData(LS_KEYS.USER);
|
|
|
|
const keyAttributes = getData(LS_KEYS.KEY_ATTRIBUTES);
|
|
|
|
if (!user?.token) {
|
|
|
|
router.push('/');
|
|
|
|
} else if (!keyAttributes) {
|
|
|
|
router.push('/generate');
|
|
|
|
} else {
|
|
|
|
setKeyAttributes(keyAttributes);
|
|
|
|
}
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
const recover = async (recoveryKey: string, setFieldError) => {
|
|
|
|
try {
|
|
|
|
const cryptoWorker = await new CryptoWorker();
|
|
|
|
let masterKey: string = await cryptoWorker.decryptB64(
|
|
|
|
keyAttributes.masterKeyEncryptedWithRecoveryKey,
|
|
|
|
keyAttributes.masterKeyDecryptionNonce,
|
|
|
|
await cryptoWorker.fromHex(recoveryKey)
|
|
|
|
);
|
|
|
|
setSessionKeys(masterKey);
|
|
|
|
router.push('/changePassword');
|
|
|
|
} catch (e) {
|
|
|
|
console.error(e);
|
|
|
|
setFieldError('passphrase', constants.INCORRECT_RECOVERY_KEY);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
return (
|
2021-04-05 12:10:52 +00:00
|
|
|
<>
|
|
|
|
<PassPhraseForm
|
|
|
|
callback={recover}
|
|
|
|
fieldType="text"
|
|
|
|
title={constants.RECOVER_ACCOUNT}
|
|
|
|
placeholder={constants.RETURN_RECOVERY_KEY_HINT}
|
|
|
|
buttonText={constants.RECOVER}
|
|
|
|
alternateOption={{
|
|
|
|
text: constants.NO_RECOVERY_KEY,
|
|
|
|
click: () => SetMessageDialogView(true),
|
|
|
|
}}
|
|
|
|
back={router.back}
|
|
|
|
/>
|
|
|
|
<MessageDialog
|
|
|
|
show={messageDialogView}
|
|
|
|
onHide={() => SetMessageDialogView(false)}
|
|
|
|
attributes={{
|
|
|
|
title: constants.SORRY,
|
2021-04-07 07:18:45 +00:00
|
|
|
close: {},
|
2021-04-05 12:10:52 +00:00
|
|
|
}}
|
|
|
|
>
|
|
|
|
{constants.NO_RECOVERY_KEY_MESSAGE}
|
|
|
|
</MessageDialog>
|
|
|
|
</>
|
2021-04-05 11:09:21 +00:00
|
|
|
);
|
|
|
|
}
|