-
-
-
- {asset.ticker && {asset.ticker}
-
- )}
- />
- );
-}
-
-export default AmountInput;
diff --git a/common/v2/components/AssetDropdown.tsx b/common/v2/components/AssetDropdown.tsx
deleted file mode 100644
index 1ff33847b1a..00000000000
--- a/common/v2/components/AssetDropdown.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import React from 'react';
-import { OptionComponentProps } from 'react-select';
-import styled from 'styled-components';
-import * as R from 'ramda';
-
-import { translateRaw } from 'v2/translations';
-import { Asset, TSymbol } from 'v2/types';
-import { AssetDropdownItem, Divider, Dropdown } from 'v2/components';
-import { useEffectOnce } from 'v2/vendor';
-
-const Label = styled.div`
- font-size: 18px;
- width: 100%;
- line-height: 1;
- text-align: left;
- font-weight: normal;
- margin-bottom: 9px;
- color: ${props => props.theme.text};
-`;
-
-// Fixes weird placement issues for react-select
-const DropdownContainer = styled('div')`
- width: ${(props: { fluid: boolean }) => (props.fluid ? '100%' : 'default')};
-
- .has-value > .Select-control > .Select-multi-value-wrapper > .Select-input:only-child {
- transform: translateY(0%);
- padding: 16px 15px 16px 15px;
- position: inherit;
- }
-`;
-// Class component to avoid 'Function components cannot be given refs' error
-class AssetOption extends React.PureComponent
- {icon && {icon()} }
-
- {label}
-
-
- {children}
-
- Be safe & secure:
-
- Always backup your keys: - MyCrypto.com & MyCrypto CX are not "web wallets". You do not create an account or give us - your funds to hold onto. No data leaves your computer / your browser. We make it easy for - you to create, save, and access your information and interact with the blockchain. -
-- We are not responsible for any loss: - Ethereum, MyCrypto.com & MyCrypto CX, and some of the underlying Javascript libraries we use - are under active development. While we have thoroughly tested & tens of thousands of wallets - have been successfully created by people all over the globe, there is always the possibility - something unexpected happens that causes your funds to be lost. Please do not invest more - than you are willing to lose, and please be careful. -
-
- Default Network Endorsements:
- MyCrypto, by default, supports all Ethereum-based blockchains ("networks") through the
- adding of custom nodes. To save time and provide a convenience factor to users, if an
- Ethereum-based network has enough perceived interest or users, MyCrypto will accept GitHub
- pull requests to add that network as one of the default supported networks. This will bypass
- the user's need to add that blockchain as a custom node in the MyCrypto network selector.{' '}
-
-
- If MyCrypto chooses to implement support for a specific network, it should be noted that
- MyCrypto does not assume the responsibility of managing that network.
-
A network being added to MyCrypto's default supported networks list does not mean that
- MyCrypto has a partnership with said network, and is not an endorsement of said network.
-
- Translations of MyCrypto: - The community has done an amazing job translating MyCrypto into a variety of languages. - However, MyCrypto can only verify the validity and accuracy of the information provided in - English and, because of this, the English version of our website is the official text. -
-
- MIT License
-
- Copyright (c) 2015-2017 MyEtherWallet LLC
-
- Copyright (c) 2019 MyCrypto, Inc.
-
- Permission is hereby granted, free of charge, to any person obtaining a copy of this - software and associated documentation files (the "Software"), to deal in the Software - without restriction, including without limitation the rights to use, copy, modify, merge, - publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons - to whom the Software is furnished to do so, subject to the following conditions: -
-- The above copyright notice and this permission notice shall be included in all copies or - substantial portions of the Software. -
- - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, - INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR - PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE - FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR - OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER - DEALINGS IN THE SOFTWARE. - -{`Could not resolve the domain ${props.domain}`}
;
- return {`${resolutionError.message}`}
;
- };
-
- const spinner = () => (
-
-
- );
-
- if (props.isLoading) return spinner();
- if (props.domain === '') return {''}
;
- if (props.isError || props.resolutionError) {
- return parseError(props.resolutionError);
- }
- return (
- {`${translateRaw('SEND_ASSETS_DID_RESOLVE')}: ${
- props.rawAddress
- }`}
- );
-};
diff --git a/common/v2/components/Dropdown.tsx b/common/v2/components/Dropdown.tsx
deleted file mode 100644
index ee873c2bbf1..00000000000
--- a/common/v2/components/Dropdown.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from 'react';
-import Select, { OptionComponentProps, ArrowRendererProps } from 'react-select';
-import styled from 'styled-components';
-import { Icon } from '@mycrypto/ui';
-
-import { COLORS, FONT_SIZE } from 'v2/theme';
-
-// Give a height to the input when value is defined
-// Overide custom styles common/sass/styles/overrides/react-select.scss
-interface SProps {
- value?: string;
- disabled?: boolean;
-}
-
-const SSelect = styled(Select)`
- height: ${(props: SProps) => (props.value ? 'auto' : '54px')};
- background-color: ${(props: SProps) => (props.disabled ? COLORS.GREY_LIGHTEST : 'default')};
- ${props => props.disabled && '.Select-arrow {display: none};'} font-size: ${FONT_SIZE.BASE};
-
- /* Set max-height to prevent the dropdown form overflowing the footer. */
- .Select-menu {
- max-height: 20em !important;
- }
-`;
-
-interface Props
-
- (this.modalBody = div as ModalBody)} />
-
- {
- this.modal = div as HTMLElement;
- }}
- >
- {title && (
-
- );
- }
-
- private renderButtons = () => {
- const { disableButtons, buttons } = this.props;
- if (!buttons || !buttons.length) {
- return;
- }
-
- return buttons.map((btn, idx: number) => {
- let btnClass = 'Modal-footer-btn btn';
-
- if (btn.type) {
- btnClass += ` btn-${btn.type}`;
- }
-
- return (
-
- );
- });
- };
-
- private keyDownListener = (e: KeyboardEvent) => {
- // Check for TAB key press
- if (e.keyCode === 9) {
- // SHIFT + TAB
- if (e.shiftKey) {
- if (document.activeElement === this.firstTabStop) {
- e.preventDefault();
- this.lastTabStop.focus();
- }
-
- // TAB
- } else {
- if (document.activeElement === this.lastTabStop) {
- e.preventDefault();
- this.firstTabStop.focus();
- }
- }
- }
-
- // Check for ESC key press
- if (e.keyCode === 27) {
- this.focusedElementBeforeModal.focus();
- this.props.handleClose();
- }
- };
-}
diff --git a/common/v2/components/LegacyModal/index.scss b/common/v2/components/LegacyModal/index.scss
deleted file mode 100644
index dbabfd3e94b..00000000000
--- a/common/v2/components/LegacyModal/index.scss
+++ /dev/null
@@ -1,154 +0,0 @@
-@import 'common/sass/variables';
-@import 'common/sass/mixins';
-
-$m-background: color(pane-bg);
-$m-window-padding-w: 20px;
-$m-window-padding-h: 30px;
-$m-window-padding-w-mobile: 10px;
-$m-window-padding-h-mobile: 10px;
-$m-header-height: 62px;
-$m-header-padding: 1rem 2rem 0.5rem 2rem;
-$m-content-padding: 1.5rem 2rem;
-$m-footer-padding: 0.5rem 2rem 1rem 2rem;
-$m-close-size: 26px;
-$m-anim-speed: 400ms;
-
-.Modal {
- position: fixed;
- top: $m-window-padding-h;
- left: 50%;
- width: initial;
- max-width: 95%;
- max-width: calc(100% - #{$m-window-padding-w * 2});
- max-height: 95%;
- max-height: calc(100% - #{$m-window-padding-h * 2});
- background: $m-background;
- border-radius: 2px;
- transform: translateX(-50%);
- z-index: $zindex-modal;
- overflow: hidden;
- display: flex;
- flex-direction: column;
- animation: modal-open $m-anim-speed ease 1;
- text-align: left;
- box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14),
- 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
-
- &-overlay {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: rgba(#000, 0.54);
- z-index: $zindex-modal-background;
- display: block;
- }
-
- &-fade {
- background: linear-gradient(to bottom, transparent, $m-background);
- position: fixed;
- height: 25px;
- width: calc(100% - 3rem);
- bottom: 4.5rem;
- left: 50%;
- transform: translateX(-50%);
-
- &.has-no-footer {
- bottom: 0;
- }
- }
-
- &-header {
- display: flex;
- flex-wrap: nowrap;
- padding: $m-header-padding;
- align-items: center;
-
- &-title {
- font-size: 1.625rem;
- font-weight: 400;
- margin: 0;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- letter-spacing: 0;
- }
-
- &-close {
- @include reset-button;
- height: $m-close-size;
- width: $m-close-size;
- opacity: 0.3;
- transition: opacity 120ms;
-
- @include theme(dark) {
- filter: invert(1);
- }
-
- &:hover {
- opacity: 0.87;
- }
-
- &-icon {
- width: 100%;
- }
- }
- }
-
- &-content {
- display: flex;
- flex: 1;
- flex-direction: column;
- padding: $m-content-padding;
- overflow: auto;
- > .Spinner {
- margin: 2.5rem auto;
- }
- }
-
- &-footer {
- padding: $m-footer-padding;
- background: $m-background;
-
- // Selector needs a little extra oomph to override bootstrap
- &-btn.btn {
- float: right;
- margin: 0 0 0 8px;
- min-width: 100px;
- }
- }
-
- // Mobile styles
- @media (max-width: $screen-sm) {
- top: 100px;
- width: calc(100% - #{$m-window-padding-w-mobile}) !important;
- max-width: calc(100% - #{$m-window-padding-w-mobile * 2});
- max-height: calc(100% - #{$m-window-padding-h-mobile * 2});
- }
-}
-
-.animate-modal {
- &-enter,
- &-exit {
- position: relative;
- z-index: 3;
- transition: opacity 300ms;
- }
-
- &-enter {
- opacity: 0;
-
- &-active {
- opacity: 1;
- }
- }
-
- &-exit {
- opacity: 1;
-
- &-active {
- opacity: 0;
- }
- }
-}
diff --git a/common/v2/components/LegacyModal/index.ts b/common/v2/components/LegacyModal/index.ts
deleted file mode 100644
index e2fd0b8c835..00000000000
--- a/common/v2/components/LegacyModal/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as LegacyModal } from './Modal';
-export * from './types';
diff --git a/common/v2/components/LegacyModal/types.ts b/common/v2/components/LegacyModal/types.ts
deleted file mode 100644
index 2c201d81e09..00000000000
--- a/common/v2/components/LegacyModal/types.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface IButton {
- text: string | React.ReactElement
-
- )}
-
- {title}
- - - (this.modalContent = div as HTMLElement)}>
- {children}
-
-
- {hasButtons && !hideButtons && {this.renderButtons()}
}
-
-
-
- onChange(option.value.id)}
- optionComponent={NetworkOption}
- valueComponent={({ value: option }) =>
-
- );
-}
-
-export default NetworkSelectDropdown;
diff --git a/common/v2/components/NewAppReleaseModal.tsx b/common/v2/components/NewAppReleaseModal.tsx
deleted file mode 100644
index 1ae6092b1d8..00000000000
--- a/common/v2/components/NewAppReleaseModal.tsx
+++ /dev/null
@@ -1,243 +0,0 @@
-import React from 'react';
-import { Panel, Button, Icon, Typography } from '@mycrypto/ui';
-import styled from 'styled-components';
-import semver from 'semver';
-
-import Modal from './Modal';
-import { BREAK_POINTS, COLORS } from 'v2/theme';
-import { GITHUB_RELEASE_NOTES_URL, OS, VERSION as currentVersion } from 'v2/config';
-import { getFeaturedOS } from 'v2/utils';
-import { AnalyticsService, ANALYTICS_CATEGORIES, GithubService } from 'v2/services/ApiService';
-import translate from 'v2/translations';
-
-// Legacy
-import closeIcon from 'common/assets/images/icn-close.svg';
-import updateIcon from 'common/assets/images/icn-update.svg';
-import updateImportantIcon from 'common/assets/images/icn-important-update.svg';
-
-const { SCREEN_SM } = BREAK_POINTS;
-const { PASTEL_RED } = COLORS;
-
-const MainPanel = styled(Panel)`
- background-color: white;
- padding: 50px 65px;
- max-width: 770px;
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- position: relative;
- max-height: 90%;
- overflow: auto;
-
- @media (max-width: ${SCREEN_SM}) {
- padding: 40px 20px;
- width: 90%;
- }
-`;
-
-const CloseButton = styled(Button)`
- position: absolute;
- right: 17px;
- top: 9px;
-
- img {
- width: 14px;
- height: 14px;
- }
-`;
-
-const UpdateImg = styled.img`
- width: 60px;
- height: 60px;
- margin-bottom: 15px;
-`;
-
-const Header = styled(Typography)`
- font-size: 32px;
- font-weight: bold;
- line-height: normal;
- margin-top: 0;
- margin-bottom: 15px;
- color: ${props => props.theme.headline};
-`;
-
-interface DescriptionProps {
- warning?: boolean;
- noMargin?: boolean;
-}
-
-// prettier-ignore
-const Description = styled(Typography)
- Paper Wallet
-
- - {data} -
- {isLoading ? (
-
- );
- }
-}
diff --git a/common/v2/components/PrintPaperWalletButton.tsx b/common/v2/components/PrintPaperWalletButton.tsx
deleted file mode 100644
index ef56999a0f7..00000000000
--- a/common/v2/components/PrintPaperWalletButton.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { Component } from 'react';
-import { Button } from '@mycrypto/ui';
-import styled from 'styled-components';
-import { addHexPrefix, toChecksumAddress } from 'ethereumjs-util';
-
-import PaperWallet from './PaperWallet';
-import { Spinner } from 'v2/components';
-
-// Legacy
-import printerIcon from 'common/assets/images/icn-printer.svg';
-
-const PrinterImage = styled.img`
- width: 24px;
- height: 24px;
- margin-right: 10px;
- pointer-events: none;
- display: inline;
-`;
-
-const StyledButton = styled(Button)`
- font-size: 18px;
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-bottom: 16px;
-
- &:focus,
- &:hover {
- img {
- filter: brightness(0) invert(1);
- }
- }
-`;
-
-const ButtonWrapper = styled.div`
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 66px;
-`;
-
-interface Props {
- address: string;
- printText: React.ReactElement
-
- ) : webcamError ? (
-
-
- {webcamError}
-
- ) : (
-
- {translate('SIGN_TX_TITLE', {
- $walletName: WALLETS_CONFIG[senderAccount.wallet].name || 'Hardware Wallet'
- })}
-
- {signerDescription}
-
-
-
- );
-}
diff --git a/common/v2/components/SignTransactionWallets/Keystore.scss b/common/v2/components/SignTransactionWallets/Keystore.scss
deleted file mode 100644
index 248d0aae653..00000000000
--- a/common/v2/components/SignTransactionWallets/Keystore.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-.SignTransactionKeystore-title {
- height: 78px;
- font-family: Lato;
- font-size: 32px;
- font-weight: bold;
- text-align: center;
- margin-top: 40px;
-}
-
-.SignTransactionKeystore-instructions {
- padding-top: 2em;
- font-size: 18px;
- line-height: 1.5;
- text-align: center;
-}
-
-.SignTransactionKeystore-error {
- color: red;
- text-align: center;
-}
-
-.SignTransactionKeystore-without-pass {
- margin-top: 5em;
-}
-
-.SignTransactionKeystore-img {
- display: flex;
- justify-content: center;
- margin: 1em;
-}
-
-.SignTransactionKeystore-description {
- font-size: 18px;
- text-align: center;
- margin-bottom: 1em;
- display: flex;
- justify-content: center;
-}
-
-.SignTransactionKeystore-footer {
- width: 100%;
-}
-
-.SignTransactionKeystore-spinner {
- display: flex;
- justify-content: center;
- width: 100%;
-}
-
-.SignTransactionKeystore-button {
- width: 100%;
-}
-
-.SignTransactionKeystore-help {
- margin-top: 1em;
- text-align: center;
- font-size: 16px;
-}
-
-.SignTransactionKeystore-referal {
- text-align: center;
- font-size: 16px;
-}
diff --git a/common/v2/components/SignTransactionWallets/Keystore.tsx b/common/v2/components/SignTransactionWallets/Keystore.tsx
deleted file mode 100644
index a1f4a101bad..00000000000
--- a/common/v2/components/SignTransactionWallets/Keystore.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-import React, { Component } from 'react';
-import { ethers, utils } from 'ethers';
-
-import { Spinner, Input } from 'v2/components';
-import translate, { translateRaw } from 'v2/translations';
-import { ISignComponentProps } from 'v2/types';
-import { isKeystorePassRequired } from 'v2/services/WalletService';
-import { WALLETS_CONFIG } from 'v2/config';
-
-import './Keystore.scss';
-import PrivateKeyicon from 'common/assets/images/icn-privatekey-new.svg';
-
-export interface KeystoreValueState {
- file: string;
- password: string;
- filename: string | undefined;
- valid: boolean | undefined;
- walletState: WalletSigningState;
- hasCorrectPassword: boolean | undefined;
- isSigning: boolean;
-}
-
-enum WalletSigningState {
- READY, //when signerWallet is ready to sendTransaction
- NOT_READY, //use when signerWallet rejects transaction
- UNKNOWN //used upon component initialization when wallet status is not determined
-}
-
-function isPassRequired(file: string): boolean {
- let passReq = false;
- try {
- passReq = isKeystorePassRequired(file);
- } catch (e) {
- // TODO: communicate invalid file to user
- }
- return passReq;
-}
-
-function isValidFile(rawFile: File): boolean {
- const fileType = rawFile.type;
- return fileType === '' || fileType === 'application/json';
-}
-
-export default class SignTransactionKeystore extends Component<
- ISignComponentProps,
- KeystoreValueState
-> {
- public state: KeystoreValueState = {
- file: '',
- password: '',
- filename: undefined,
- valid: undefined,
- walletState: WalletSigningState.UNKNOWN,
- hasCorrectPassword: undefined,
- isSigning: false
- };
-
- public render() {
- // const { isWalletPending } = this.props;
- const isWalletPending = false;
- const { file, password, filename, walletState, hasCorrectPassword, isSigning } = this.state;
- const passReq = file ? isPassRequired(file) : true;
- const unlockDisabled = !file || (passReq && !password);
-
- return (
- <>
-
- 
-
-
- {translateRaw('SIGN_TX_EXPLANATION')}
- {isTxSignatureRequestDenied && (
-
-
-
-
- {translate(senderAccount.wallet + '_HELP')}
-
-
- {translate(senderAccount.wallet + '_REFERRAL')}
-
-
- {translate('SIGN_TX_TITLE', { $walletName: WALLETS_CONFIG.KEYSTORE_FILE.name })}
-
-
-
- {WALLETS_CONFIG.KEYSTORE_FILE.helpLink && (
-
-
- );
- }
-
- private onKeyDown = (e: any) => {
- if (e.keyCode === 13) {
- this.unlock(e);
- }
- };
-
- private unlock = async (e: React.SyntheticEvent
- {translate('SIGN_TX_HELP_LINK', { $helpLink: WALLETS_CONFIG.KEYSTORE_FILE.helpLink })}
-
- )}
-
- {translate('SIGN_TX_TITLE', { $walletName: WALLETS_CONFIG.MNEMONIC_PHRASE.name })}
-
-
-
- {WALLETS_CONFIG.MNEMONIC_PHRASE.helpLink && (
-
-
- );
- }
-
- private onKeyDown = (e: any) => {
- if (e.keyCode === 13) {
- this.unlock(e);
- }
- };
-
- private unlock = async (e: React.SyntheticEvent
- {translate('SIGN_TX_HELP_LINK', {
- $helpLink: WALLETS_CONFIG.MNEMONIC_PHRASE.helpLink
- })}
-
- )}
- Sign Transaction with Parity
;
-}
diff --git a/common/v2/components/SignTransactionWallets/PrivateKey.scss b/common/v2/components/SignTransactionWallets/PrivateKey.scss
deleted file mode 100644
index 351e75c3036..00000000000
--- a/common/v2/components/SignTransactionWallets/PrivateKey.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-.SignTransactionPrivateKey-title {
- height: 78px;
- font-family: Lato;
- font-size: 32px;
- font-weight: bold;
- text-align: center;
- margin-top: 40px;
-}
-
-.SignTransactionPrivateKey-without-pass {
- margin-top: 5em;
-}
-
-.SignTransactionPrivateKey-img {
- display: flex;
- justify-content: center;
- margin-top: 1em;
-}
-
-.SignTransactionPrivateKey-description {
- font-size: 18px;
- line-height: 1.5;
- text-align: center;
- margin-bottom: 1em;
-}
-
-.SignTransactionPrivateKey-footer {
- width: 100%;
-}
-
-.SignTransactionPrivateKey-button {
- width: 100%;
-}
-
-.SignTransactionPrivateKey-help {
- margin-top: 1em;
- text-align: center;
- font-size: 16px;
-}
diff --git a/common/v2/components/SignTransactionWallets/PrivateKey.tsx b/common/v2/components/SignTransactionWallets/PrivateKey.tsx
deleted file mode 100644
index 35434f00276..00000000000
--- a/common/v2/components/SignTransactionWallets/PrivateKey.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-import React, { Component } from 'react';
-import { stripHexPrefix } from 'ethjs-util';
-import { Button } from '@mycrypto/ui';
-
-import { TogglablePassword, Input } from 'v2/components';
-import { isValidPrivKey, isValidEncryptedPrivKey } from 'v2/services/EthService';
-import { ISignComponentProps } from 'v2/types';
-import translate, { translateRaw } from 'v2/translations';
-import { WALLETS_CONFIG } from 'v2/config';
-
-import './PrivateKey.scss';
-import PrivateKeyicon from 'common/assets/images/icn-privatekey-new.svg';
-
-export interface SignWithPrivKeyState {
- key: string;
- password: string;
- valid: boolean;
-}
-
-interface Validated {
- fixedPkey: string;
- isValidPkey: boolean;
- isPassRequired: boolean;
- valid: boolean;
-}
-
-function validatePkeyAndPass(pkey: string, pass: string): Validated {
- const fixedPkey = stripHexPrefix(pkey).trim();
- const validPkey = isValidPrivKey(fixedPkey);
- const validEncPkey = isValidEncryptedPrivKey(fixedPkey);
- const isValidPkey = validPkey || validEncPkey;
-
- let isValidPass = false;
-
- if (validPkey) {
- isValidPass = true;
- } else if (validEncPkey) {
- isValidPass = pass.length > 0;
- }
-
- return {
- fixedPkey,
- isValidPkey,
- isPassRequired: validEncPkey,
- valid: isValidPkey && isValidPass
- };
-}
-
-export default class SignTransactionPrivateKey extends Component<
- ISignComponentProps,
- SignWithPrivKeyState
-> {
- public state = {
- key: '',
- password: '',
- valid: false
- };
- public render() {
- const { key, password } = this.state;
- const { isValidPkey, isPassRequired } = validatePkeyAndPass(key, password);
- return (
- <>
-
- {translate('SIGN_TX_TITLE', { $walletName: WALLETS_CONFIG.PRIVATE_KEY.name })}
-
-
-
-
- );
- }
-
- private onPkeyChange = (e: React.FormEvent
- 
-
-
-
- this.unlock}
- />
-
- {isValidPkey && isPassRequired && (
-
- )}
-
-
- {translateRaw('SIGN_TX_EXPLANATION')}
-
-
-
- {WALLETS_CONFIG.PRIVATE_KEY.helpLink && (
-
-
- {translate('SIGN_TX_HELP_LINK', { $helpLink: WALLETS_CONFIG.PRIVATE_KEY.helpLink })}
-
- )}
-
- {translate('SIGN_TX_TITLE', {
- $walletName: walletConfig.name || WALLETS_CONFIG.WEB3.name
- })}
-
-
- {translate('SIGN_TX_WEB3_PROMPT', {
- $walletName: walletConfig.name || WALLETS_CONFIG.WEB3.name
- })}
-
-
- 
-
- {walletState === WalletSigningState.NOT_READY ? (
- {translate('SIGN_TX_WEB3_REJECTED')}
- ) : null}
-
-
-
-
- );
- }
-
- private async getWeb3Account() {
- if (!Web3Provider) {
- return;
- }
-
- const web3Signer = web3Provider.getSigner();
- const web3Address = await web3Signer.getAddress();
- const checksumAddress = utils.getAddress(web3Address);
-
- this.setState({ account: checksumAddress });
- this.getWeb3Network();
- this.checkAddressMatches(checksumAddress);
- }
-
- private async getWeb3Network() {
- if (!Web3Provider) {
- return;
- }
-
- const web3Network = await web3Provider.getNetwork();
- this.setState({ network: web3Network.chainId });
- this.checkNetworkMatches(web3Network);
- }
-
- private checkAddressMatches(Web3Address: string) {
- const { senderAccount } = this.props;
- const desiredAddress = utils.getAddress(senderAccount.address);
- this.setState({ accountMatches: Web3Address === desiredAddress });
- }
-
- private checkNetworkMatches(Web3Network: ethers.utils.Network) {
- const {
- network: { name: networkName },
- networks
- } = this.props;
- const getWeb3NetworkbyChainId = getNetworkByChainId(Web3Network.chainId, networks);
- if (!getWeb3NetworkbyChainId) {
- return;
- }
-
- const localCacheSenderNetwork = networkName;
- if (getWeb3NetworkbyChainId.name === localCacheSenderNetwork) {
- this.setState({ networkMatches: true });
- this.maybeSendTransaction();
- } else {
- this.setState({ networkMatches: false });
- }
- }
-
- private watchForAccountChanges(ethereum: NonNullable
- {!networkMatches && (
-
- {submitting && translate('SIGN_TX_SUBMITTING_PENDING')}
-
- {translate('SIGN_TX_WEB3_FAILED_NETWORK', {
- $walletName: walletConfig.name,
- $networkName: networkName
- })}
-
- )}
- {!accountMatches && (
-
- {translate('SIGN_TX_WEB3_FAILED_ACCOUNT', {
- $walletName: walletConfig.name,
- $address: senderAccount.address
- })}
-
- )}
-
- {translateRaw('SIGN_TX_EXPLANATION')}
-
-
- {walletConfig.helpLink && (
-
-
- {translate('SIGN_TX_HELP_LINK', { $helpLink: walletConfig.helpLink })}
-
- )}
- | {overlay} | - ) : ( - row.map((cell, cellIndex) => ( -- ))} - |