diff --git a/web/cashtab/src/components/Send/Send.js b/web/cashtab/src/components/Send/Send.js
index c13e8cdf4..94687341f 100644
--- a/web/cashtab/src/components/Send/Send.js
+++ b/web/cashtab/src/components/Send/Send.js
@@ -1,701 +1,699 @@
import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';
import { WalletContext } from '@utils/context';
import {
Form,
message,
Modal,
Alert,
Collapse,
Input,
notification,
} from 'antd';
const { TextArea } = Input;
import { Row, Col } from 'antd';
import {
StyledCollapse,
AdvancedCollapse,
} from '@components/Common/StyledCollapse';
import PrimaryButton, {
SecondaryButton,
SmartButton,
} from '@components/Common/PrimaryButton';
import {
SendBchInput,
FormItemWithQRCodeAddon,
AntdFormWrapper,
} from '@components/Common/EnhancedInputs';
import useBCH from '@hooks/useBCH';
import useWindowDimensions from '@hooks/useWindowDimensions';
import {
sendXecNotification,
errorNotification,
messageSignedNotification,
} from '@components/Common/Notifications';
import { isMobile, isIOS, isSafari } from 'react-device-detect';
import {
currency,
isValidTokenPrefix,
parseAddress,
toLegacy,
} from '@components/Common/Ticker.js';
import { Event } from '@utils/GoogleAnalytics';
import { fiatToCrypto, shouldRejectAmountInput } from '@utils/validation';
import BalanceHeader from '@components/Common/BalanceHeader';
import BalanceHeaderFiat from '@components/Common/BalanceHeaderFiat';
import {
ZeroBalanceHeader,
ConvertAmount,
AlertMsg,
} from '@components/Common/Atoms';
import { getWalletState } from '@utils/cashMethods';
import ApiError from '@components/Common/ApiError';
import { formatFiatBalance } from '@utils/validation';
import WalletLabel from '@components/Common/WalletLabel.js';
import Wallet from '@components/Wallet/Wallet';
import { TokenParamLabel } from '@components/Common/Atoms';
import { PlusSquareOutlined } from '@ant-design/icons';
const { Panel } = Collapse;
import styled from 'styled-components';
import { convertToEcashPrefix } from '@utils/cashMethods';
import { CopyToClipboard } from 'react-copy-to-clipboard';
const StyledSpacer = styled.div`
height: 1px;
width: 100%;
background-color: ${props => props.theme.wallet.borders.color};
margin: 60px 0 50px;
`;
const SignMessageLabel = styled.div`
text-align: left;
color: #0074c2;
`;
// Note jestBCH is only used for unit tests; BCHJS must be mocked for jest
const SendBCH = ({ jestBCH, passLoadingStatus }) => {
// use balance parameters from wallet.state object and not legacy balances parameter from walletState, if user has migrated wallet
// this handles edge case of user with old wallet who has not opened latest Cashtab version yet
// If the wallet object from ContextValue has a `state key`, then check which keys are in the wallet object
// Else set it as blank
const ContextValue = React.useContext(WalletContext);
const { wallet, fiatPrice, apiError, cashtabSettings } = ContextValue;
const walletState = getWalletState(wallet);
const { balances, slpBalancesAndUtxos } = walletState;
// Modal settings
const [showConfirmMsgToSign, setShowConfirmMsgToSign] = useState(false);
const [msgToSign, setMsgToSign] = useState('');
const [signMessageIsValid, setSignMessageIsValid] = useState(null);
// Get device window width
// If this is less than 769, the page will open with QR scanner open
const { width } = useWindowDimensions();
// Load with QR code open if device is mobile and NOT iOS + anything but safari
const scannerSupported = width < 769 && isMobile && !(isIOS && !isSafari);
const [formData, setFormData] = useState({
dirty: true,
value: '',
address: '',
});
const [queryStringText, setQueryStringText] = useState(null);
const [sendBchAddressError, setSendBchAddressError] = useState(false);
const [sendBchAmountError, setSendBchAmountError] = useState(false);
const [selectedCurrency, setSelectedCurrency] = useState(currency.ticker);
// Support cashtab button from web pages
const [txInfoFromUrl, setTxInfoFromUrl] = useState(false);
// Show a confirmation modal on transactions created by populating form from web page button
const [isModalVisible, setIsModalVisible] = useState(false);
const [messageSignature, setMessageSignature] = useState('');
const [sigCopySuccess, setSigCopySuccess] = useState('');
const showModal = () => {
setIsModalVisible(true);
};
const handleOk = () => {
setIsModalVisible(false);
submit();
};
const handleCancel = () => {
setIsModalVisible(false);
};
const { getBCH, getRestUrl, sendBch, calcFee, signPkMessage } = useBCH();
// jestBCH is only ever specified for unit tests, otherwise app will use getBCH();
const BCH = jestBCH ? jestBCH : getBCH();
// If the balance has changed, unlock the UI
// This is redundant, if backend has refreshed in 1.75s timeout below, UI will already be unlocked
useEffect(() => {
passLoadingStatus(false);
}, [balances.totalBalance]);
useEffect(() => {
// Manually parse for txInfo object on page load when Send.js is loaded with a query string
// Do not set txInfo in state if query strings are not present
if (
!window.location ||
!window.location.hash ||
window.location.hash === '#/send'
) {
return;
}
const txInfoArr = window.location.hash.split('?')[1].split('&');
// Iterate over this to create object
const txInfo = {};
for (let i = 0; i < txInfoArr.length; i += 1) {
let txInfoKeyValue = txInfoArr[i].split('=');
let key = txInfoKeyValue[0];
let value = txInfoKeyValue[1];
txInfo[key] = value;
}
console.log(`txInfo from page params`, txInfo);
setTxInfoFromUrl(txInfo);
populateFormsFromUrl(txInfo);
}, []);
function populateFormsFromUrl(txInfo) {
if (txInfo && txInfo.address && txInfo.value) {
setFormData({
address: txInfo.address,
value: txInfo.value,
});
}
}
async function submit() {
setFormData({
...formData,
dirty: false,
});
if (
!formData.address ||
!formData.value ||
Number(formData.value) <= 0
) {
return;
}
// Event("Category", "Action", "Label")
// Track number of BCHA send transactions and whether users
// are sending BCHA or USD
Event('Send.js', 'Send', selectedCurrency);
passLoadingStatus(true);
const { address, value } = formData;
// Get the param-free address
let cleanAddress = address.split('?')[0];
// Ensure address has bitcoincash: prefix and checksum
cleanAddress = toLegacy(cleanAddress);
let hasValidCashPrefix;
try {
hasValidCashPrefix = cleanAddress.startsWith(
currency.legacyPrefix + ':',
);
} catch (err) {
hasValidCashPrefix = false;
console.log(`toLegacy() returned an error:`, cleanAddress);
}
if (!hasValidCashPrefix) {
// set loading to false and set address validation to false
// Now that the no-prefix case is handled, this happens when user tries to send
// BCHA to an SLPA address
passLoadingStatus(false);
setSendBchAddressError(
`Destination is not a valid ${currency.ticker} address`,
);
return;
}
// Calculate the amount in BCH
let bchValue = value;
if (selectedCurrency !== 'XEC') {
bchValue = fiatToCrypto(value, fiatPrice);
}
try {
const link = await sendBch(
BCH,
wallet,
slpBalancesAndUtxos.nonSlpUtxos,
cleanAddress,
bchValue,
currency.defaultFee,
);
sendXecNotification(link);
} catch (e) {
// Set loading to false here as well, as balance may not change depending on where error occured in try loop
passLoadingStatus(false);
let message;
if (!e.error && !e.message) {
message = `Transaction failed: no response from ${getRestUrl()}.`;
} else if (
/Could not communicate with full node or other external service/.test(
e.error,
)
) {
message = 'Could not communicate with API. Please try again.';
} else if (
e.error &&
e.error.includes(
'too-long-mempool-chain, too many unconfirmed ancestors [limit: 50] (code 64)',
)
) {
message = `The ${currency.ticker} you are trying to send has too many unconfirmed ancestors to send (limit 50). Sending will be possible after a block confirmation. Try again in about 10 minutes.`;
} else {
message = e.message || e.error || JSON.stringify(e);
}
errorNotification(e, message, 'Sending XEC');
}
}
const handleAddressChange = e => {
const { value, name } = e.target;
let error = false;
let addressString = value;
// parse address
const addressInfo = parseAddress(BCH, addressString);
/*
Model
addressInfo =
{
address: '',
isValid: false,
queryString: '',
amount: null,
};
*/
const { address, isValid, queryString, amount } = addressInfo;
// If query string,
// Show an alert that only amount and currency.ticker are supported
setQueryStringText(queryString);
// Is this valid address?
if (!isValid) {
error = `Invalid ${currency.ticker} address`;
// If valid address but token format
if (isValidTokenPrefix(address)) {
error = `Token addresses are not supported for ${currency.ticker} sends`;
}
}
setSendBchAddressError(error);
// Set amount if it's in the query string
if (amount !== null) {
// Set currency to BCHA
setSelectedCurrency(currency.ticker);
// Use this object to mimic user input and get validation for the value
let amountObj = {
target: {
name: 'value',
value: amount,
},
};
handleBchAmountChange(amountObj);
setFormData({
...formData,
value: amount,
});
}
// Set address field to user input
setFormData(p => ({
...p,
[name]: value,
}));
};
const handleSelectedCurrencyChange = e => {
setSelectedCurrency(e);
// Clear input field to prevent accidentally sending 1 BCH instead of 1 USD
setFormData(p => ({
...p,
value: '',
}));
};
const handleBchAmountChange = e => {
const { value, name } = e.target;
let bchValue = value;
const error = shouldRejectAmountInput(
bchValue,
selectedCurrency,
fiatPrice,
balances.totalBalance,
);
setSendBchAmountError(error);
setFormData(p => ({
...p,
[name]: value,
}));
};
const handleSignMsgChange = e => {
const { value } = e.target;
// validation
if (value && value.length && value.length < 150) {
setMsgToSign(value);
setSignMessageIsValid(true);
} else {
setSignMessageIsValid(false);
}
};
const signMessageByPk = async () => {
try {
const messageSignature = await signPkMessage(
BCH,
wallet.Path1899.fundingWif,
msgToSign,
);
setMessageSignature(messageSignature);
messageSignedNotification(messageSignature);
} catch (err) {
let message;
if (!err.error && !err.message) {
message = err.message || err.error || JSON.stringify(err);
}
errorNotification(err, message, 'Message Signing Error');
throw err;
}
// Hide the modal
setShowConfirmMsgToSign(false);
setSigCopySuccess('');
};
const handleOnSigCopy = () => {
if (messageSignature != '') {
setSigCopySuccess('Signature copied to clipboard');
}
};
const onMax = async () => {
// Clear amt error
setSendBchAmountError(false);
// Set currency to BCH
setSelectedCurrency(currency.ticker);
try {
const txFeeSats = calcFee(BCH, slpBalancesAndUtxos.nonSlpUtxos);
const txFeeBch = txFeeSats / 10 ** currency.cashDecimals;
let value =
balances.totalBalance - txFeeBch >= 0
? (balances.totalBalance - txFeeBch).toFixed(
currency.cashDecimals,
)
: 0;
setFormData({
...formData,
value,
});
} catch (err) {
console.log(`Error in onMax:`);
console.log(err);
message.error(
'Unable to calculate the max value due to network errors',
);
}
};
// Display price in USD below input field for send amount, if it can be calculated
let fiatPriceString = '';
if (fiatPrice !== null && !isNaN(formData.value)) {
if (selectedCurrency === currency.ticker) {
// calculate conversion to fiatPrice
fiatPriceString = `${(fiatPrice * Number(formData.value)).toFixed(
2,
)}`;
// formats to fiat locale style
fiatPriceString = formatFiatBalance(Number(fiatPriceString));
// insert symbol and currency before/after the locale formatted fiat balance
fiatPriceString = `${
cashtabSettings
? `${
currency.fiatCurrencies[cashtabSettings.fiatCurrency]
.symbol
} `
: '$ '
} ${fiatPriceString} ${
cashtabSettings && cashtabSettings.fiatCurrency
? cashtabSettings.fiatCurrency.toUpperCase()
: 'USD'
}`;
} else {
fiatPriceString = `${
formData.value
? formatFiatBalance(
Number(fiatToCrypto(formData.value, fiatPrice)),
)
: formatFiatBalance(0)
} ${currency.ticker}`;
}
}
const priceApiError = fiatPrice === null && selectedCurrency !== 'XEC';
return (
<>
<Modal
title="Confirm Send"
visible={isModalVisible}
onOk={handleOk}
onCancel={handleCancel}
>
<p>
Are you sure you want to send {formData.value}{' '}
{currency.ticker} to {formData.address}?
</p>
</Modal>
{!balances.totalBalance ? (
<ZeroBalanceHeader>
You currently have 0 {currency.ticker}
<br />
Deposit some funds to use this feature
</ZeroBalanceHeader>
) : (
<>
<BalanceHeader
balance={balances.totalBalance}
ticker={currency.ticker}
/>
{fiatPrice !== null && (
<BalanceHeaderFiat
balance={balances.totalBalance}
settings={cashtabSettings}
fiatPrice={fiatPrice}
/>
)}
</>
)}
<Row type="flex">
<Col span={24}>
<Form
style={{
width: 'auto',
}}
>
<FormItemWithQRCodeAddon
loadWithCameraOpen={scannerSupported}
validateStatus={sendBchAddressError ? 'error' : ''}
help={
sendBchAddressError ? sendBchAddressError : ''
}
onScan={result =>
handleAddressChange({
target: {
name: 'address',
value: result,
},
})
}
inputProps={{
placeholder: `${currency.ticker} Address`,
name: 'address',
onChange: e => handleAddressChange(e),
required: true,
value: formData.address,
}}
></FormItemWithQRCodeAddon>
<SendBchInput
activeFiatCode={
cashtabSettings && cashtabSettings.fiatCurrency
? cashtabSettings.fiatCurrency.toUpperCase()
: 'USD'
}
validateStatus={sendBchAmountError ? 'error' : ''}
help={sendBchAmountError ? sendBchAmountError : ''}
onMax={onMax}
inputProps={{
name: 'value',
dollar: selectedCurrency === 'USD' ? 1 : 0,
placeholder: 'Amount',
onChange: e => handleBchAmountChange(e),
required: true,
value: formData.value,
}}
selectProps={{
value: selectedCurrency,
disabled: queryStringText !== null,
onChange: e => handleSelectedCurrencyChange(e),
}}
></SendBchInput>
{priceApiError && (
<AlertMsg>
Error fetching fiat price. Setting send by{' '}
{currency.fiatCurrencies[
cashtabSettings.fiatCurrency
].slug.toUpperCase()}{' '}
disabled
</AlertMsg>
)}
<ConvertAmount>
{fiatPriceString !== '' && '='} {fiatPriceString}
</ConvertAmount>
<div
style={{
paddingTop: '12px',
}}
>
{!balances.totalBalance ||
apiError ||
sendBchAmountError ||
sendBchAddressError ? (
<SecondaryButton>Send</SecondaryButton>
) : (
<>
{txInfoFromUrl ? (
<PrimaryButton
onClick={() => showModal()}
>
Send
</PrimaryButton>
) : (
<PrimaryButton onClick={() => submit()}>
Send
</PrimaryButton>
)}
</>
)}
</div>
{queryStringText && (
<Alert
message={`You are sending a transaction to an address including query parameters "${queryStringText}." Only the "amount" parameter, in units of ${currency.ticker} satoshis, is currently supported.`}
type="warning"
/>
)}
{apiError && <ApiError />}
</Form>
</Col>
</Row>
- <br />
- <br />
- <StyledSpacer />
+ <StyledSpacer>Signatures</StyledSpacer>
<Modal
title={`Please review and confirm your message to be signed using this wallet.`}
visible={showConfirmMsgToSign}
onOk={signMessageByPk}
onCancel={() => setShowConfirmMsgToSign(false)}
>
<TokenParamLabel>Message:</TokenParamLabel> {msgToSign}
<br />
</Modal>
<AdvancedCollapse
style={{
marginBottom: '24px',
}}
>
<Panel header="Sign Message" key="1">
<AntdFormWrapper>
<Form
size="small"
style={{
width: 'auto',
}}
>
<Form.Item>
<SignMessageLabel>Message:</SignMessageLabel>
<TextArea
name="signMessage"
onChange={e => handleSignMsgChange(e)}
showCount
maxLength={150}
/>
</Form.Item>
<Form.Item>
<SignMessageLabel>Address:</SignMessageLabel>
<Input
name="signMessageAddress"
disabled="true"
value={
wallet &&
wallet.Path1899 &&
wallet.Path1899.cashAddress
? convertToEcashPrefix(
wallet.Path1899.cashAddress,
)
: ''
}
/>
</Form.Item>
<SmartButton
onClick={() => setShowConfirmMsgToSign(true)}
disabled={!signMessageIsValid}
>
<PlusSquareOutlined />
Sign Message
</SmartButton>
<CopyToClipboard
style={{
display: 'inline-block',
width: '100%',
position: 'relative',
}}
text={messageSignature}
>
<Form.Item>
<SignMessageLabel>
Signature:
</SignMessageLabel>
<TextArea
name="signMessageSignature"
placeholder="The signature will be generated upon signing of the message"
readonly="true"
value={messageSignature}
onClick={() => handleOnSigCopy()}
/>
</Form.Item>
</CopyToClipboard>
{sigCopySuccess}
</Form>
</AntdFormWrapper>
</Panel>
</AdvancedCollapse>
</>
);
};
/*
passLoadingStatus must receive a default prop that is a function
in order to pass the rendering unit test in Send.test.js
status => {console.log(status)} is an arbitrary stub function
*/
SendBCH.defaultProps = {
passLoadingStatus: status => {
console.log(status);
},
};
SendBCH.propTypes = {
jestBCH: PropTypes.object,
passLoadingStatus: PropTypes.func,
};
export default SendBCH;
diff --git a/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap b/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap
index f5054842d..c535be85a 100644
--- a/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap
+++ b/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap
@@ -1,1944 +1,1944 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP @generated
exports[`Wallet with BCH balances 1`] = `
Array [
<div
className="sc-kgoBCf fswuXg"
>
You currently have 0
XEC
<br />
Deposit some funds to use this feature
</div>,
<div
className="ant-row"
style={Object {}}
type="flex"
>
<div
className="ant-col ant-col-24"
style={Object {}}
>
<form
className="ant-form ant-form-horizontal"
onReset={[Function]}
onSubmit={[Function]}
style={
Object {
"width": "auto",
}
}
>
<div
className="sc-jTzLTM fKDsMv"
>
<div
className="ant-row ant-form-item"
style={Object {}}
>
<div
className="ant-col ant-form-item-control"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<span
className="ant-input-group-wrapper"
>
<span
className="ant-input-wrapper ant-input-group"
>
<span
className="ant-input-affix-wrapper"
onMouseUp={[Function]}
style={null}
>
<span
className="ant-input-prefix"
>
<span
aria-label="wallet"
className="anticon anticon-wallet sc-htpNat fLtATP"
role="img"
>
<svg
aria-hidden="true"
data-icon="wallet"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
/>
</svg>
</span>
</span>
<input
autoComplete="off"
className="ant-input"
name="address"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="XEC Address"
required={true}
style={null}
type="text"
value=""
/>
</span>
<span
className="ant-input-group-addon"
>
<span
className="sc-gZMcBi kJTcOr"
onClick={[Function]}
>
<span
aria-label="qrcode"
className="anticon anticon-qrcode sc-bxivhb ctLIog"
role="img"
>
<svg
aria-hidden="true"
data-icon="qrcode"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
</span>
</span>
</span>
</div>
</div>
<div
className="ant-form-item-explain"
>
<div
role="alert"
>
</div>
</div>
</div>
</div>
</div>
<div
className="sc-jTzLTM fKDsMv"
>
<div
className="ant-row ant-form-item"
style={Object {}}
>
<div
className="ant-col ant-form-item-control"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<span
className="ant-input-group ant-input-group-compact"
>
<span
className="ant-input-affix-wrapper"
onMouseUp={[Function]}
style={
Object {
"textAlign": "left",
"width": "60%",
}
}
>
<span
className="ant-input-prefix"
>
<img
alt=""
height={16}
src="logo_primary.png"
width={16}
/>
</span>
<input
className="ant-input"
dollar={0}
name="value"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Amount"
required={true}
step={0.01}
style={null}
type="number"
value=""
/>
</span>
<div
className="ant-select select-after ant-select-single ant-select-show-arrow"
onBlur={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
onMouseDown={[Function]}
style={
Object {
"width": "30%",
}
}
>
<div
className="ant-select-selector"
onClick={[Function]}
onMouseDown={[Function]}
>
<span
className="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autoComplete="off"
className="ant-select-selection-search-input"
disabled={false}
id="rc_select_TEST_OR_SSR"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onPaste={[Function]}
readOnly={true}
role="combobox"
style={
Object {
"opacity": 0,
}
}
type="search"
unselectable="on"
value=""
/>
</span>
<span
className="ant-select-selection-item"
title="XEC"
>
XEC
</span>
</div>
<span
aria-hidden={true}
className="ant-select-arrow"
onMouseDown={[Function]}
style={
Object {
"WebkitUserSelect": "none",
"userSelect": "none",
}
}
unselectable="on"
>
<span
aria-label="down"
className="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<span
className="sc-jzJRlG kQuQkS"
disabled={false}
onClick={[Function]}
style={
Object {
"height": "60px",
"lineHeight": "60px",
"width": "10%",
}
}
>
max
</span>
</span>
</div>
</div>
<div
className="ant-form-item-explain"
>
<div
role="alert"
>
</div>
</div>
</div>
</div>
</div>
<div
className="sc-dxgOiQ kbCOBL"
>
=
$ NaN USD
</div>
<div
style={
Object {
"paddingTop": "12px",
}
}
>
<button
className="sc-dnqmqq fryMgW"
>
Send
</button>
</div>
</form>
</div>
</div>,
- <br />,
- <br />,
<div
className="sc-ksYbfQ fUkkAB"
- />,
+ >
+ Signatures
+ </div>,
<div
className="ant-collapse ant-collapse-icon-position-left sc-gzVnrw fYpbQV"
role={null}
style={
Object {
"marginBottom": "24px",
}
}
>
<div
className="ant-collapse-item"
>
<div
aria-expanded={false}
className="ant-collapse-header"
onClick={[Function]}
onKeyPress={[Function]}
role="button"
tabIndex={0}
>
<span
aria-label="right"
className="anticon anticon-right ant-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
Sign Message
</div>
</div>
</div>,
]
`;
exports[`Wallet with BCH balances and tokens 1`] = `
Array [
<div
className="sc-kgoBCf fswuXg"
>
You currently have 0
XEC
<br />
Deposit some funds to use this feature
</div>,
<div
className="ant-row"
style={Object {}}
type="flex"
>
<div
className="ant-col ant-col-24"
style={Object {}}
>
<form
className="ant-form ant-form-horizontal"
onReset={[Function]}
onSubmit={[Function]}
style={
Object {
"width": "auto",
}
}
>
<div
className="sc-jTzLTM fKDsMv"
>
<div
className="ant-row ant-form-item"
style={Object {}}
>
<div
className="ant-col ant-form-item-control"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<span
className="ant-input-group-wrapper"
>
<span
className="ant-input-wrapper ant-input-group"
>
<span
className="ant-input-affix-wrapper"
onMouseUp={[Function]}
style={null}
>
<span
className="ant-input-prefix"
>
<span
aria-label="wallet"
className="anticon anticon-wallet sc-htpNat fLtATP"
role="img"
>
<svg
aria-hidden="true"
data-icon="wallet"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
/>
</svg>
</span>
</span>
<input
autoComplete="off"
className="ant-input"
name="address"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="XEC Address"
required={true}
style={null}
type="text"
value=""
/>
</span>
<span
className="ant-input-group-addon"
>
<span
className="sc-gZMcBi kJTcOr"
onClick={[Function]}
>
<span
aria-label="qrcode"
className="anticon anticon-qrcode sc-bxivhb ctLIog"
role="img"
>
<svg
aria-hidden="true"
data-icon="qrcode"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
</span>
</span>
</span>
</div>
</div>
<div
className="ant-form-item-explain"
>
<div
role="alert"
>
</div>
</div>
</div>
</div>
</div>
<div
className="sc-jTzLTM fKDsMv"
>
<div
className="ant-row ant-form-item"
style={Object {}}
>
<div
className="ant-col ant-form-item-control"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<span
className="ant-input-group ant-input-group-compact"
>
<span
className="ant-input-affix-wrapper"
onMouseUp={[Function]}
style={
Object {
"textAlign": "left",
"width": "60%",
}
}
>
<span
className="ant-input-prefix"
>
<img
alt=""
height={16}
src="logo_primary.png"
width={16}
/>
</span>
<input
className="ant-input"
dollar={0}
name="value"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Amount"
required={true}
step={0.01}
style={null}
type="number"
value=""
/>
</span>
<div
className="ant-select select-after ant-select-single ant-select-show-arrow"
onBlur={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
onMouseDown={[Function]}
style={
Object {
"width": "30%",
}
}
>
<div
className="ant-select-selector"
onClick={[Function]}
onMouseDown={[Function]}
>
<span
className="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autoComplete="off"
className="ant-select-selection-search-input"
disabled={false}
id="rc_select_TEST_OR_SSR"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onPaste={[Function]}
readOnly={true}
role="combobox"
style={
Object {
"opacity": 0,
}
}
type="search"
unselectable="on"
value=""
/>
</span>
<span
className="ant-select-selection-item"
title="XEC"
>
XEC
</span>
</div>
<span
aria-hidden={true}
className="ant-select-arrow"
onMouseDown={[Function]}
style={
Object {
"WebkitUserSelect": "none",
"userSelect": "none",
}
}
unselectable="on"
>
<span
aria-label="down"
className="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<span
className="sc-jzJRlG kQuQkS"
disabled={false}
onClick={[Function]}
style={
Object {
"height": "60px",
"lineHeight": "60px",
"width": "10%",
}
}
>
max
</span>
</span>
</div>
</div>
<div
className="ant-form-item-explain"
>
<div
role="alert"
>
</div>
</div>
</div>
</div>
</div>
<div
className="sc-dxgOiQ kbCOBL"
>
=
$ NaN USD
</div>
<div
style={
Object {
"paddingTop": "12px",
}
}
>
<button
className="sc-dnqmqq fryMgW"
>
Send
</button>
</div>
</form>
</div>
</div>,
- <br />,
- <br />,
<div
className="sc-ksYbfQ fUkkAB"
- />,
+ >
+ Signatures
+ </div>,
<div
className="ant-collapse ant-collapse-icon-position-left sc-gzVnrw fYpbQV"
role={null}
style={
Object {
"marginBottom": "24px",
}
}
>
<div
className="ant-collapse-item"
>
<div
aria-expanded={false}
className="ant-collapse-header"
onClick={[Function]}
onKeyPress={[Function]}
role="button"
tabIndex={0}
>
<span
aria-label="right"
className="anticon anticon-right ant-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
Sign Message
</div>
</div>
</div>,
]
`;
exports[`Wallet with BCH balances and tokens and state field 1`] = `
Array [
<div
className="sc-kAzzGY kdOdTZ"
>
0.06
XEC
</div>,
<div
className="sc-chPdSV elAazB"
>
$
NaN
USD
</div>,
<div
className="ant-row"
style={Object {}}
type="flex"
>
<div
className="ant-col ant-col-24"
style={Object {}}
>
<form
className="ant-form ant-form-horizontal"
onReset={[Function]}
onSubmit={[Function]}
style={
Object {
"width": "auto",
}
}
>
<div
className="sc-jTzLTM fKDsMv"
>
<div
className="ant-row ant-form-item"
style={Object {}}
>
<div
className="ant-col ant-form-item-control"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<span
className="ant-input-group-wrapper"
>
<span
className="ant-input-wrapper ant-input-group"
>
<span
className="ant-input-affix-wrapper"
onMouseUp={[Function]}
style={null}
>
<span
className="ant-input-prefix"
>
<span
aria-label="wallet"
className="anticon anticon-wallet sc-htpNat fLtATP"
role="img"
>
<svg
aria-hidden="true"
data-icon="wallet"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
/>
</svg>
</span>
</span>
<input
autoComplete="off"
className="ant-input"
name="address"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="XEC Address"
required={true}
style={null}
type="text"
value=""
/>
</span>
<span
className="ant-input-group-addon"
>
<span
className="sc-gZMcBi kJTcOr"
onClick={[Function]}
>
<span
aria-label="qrcode"
className="anticon anticon-qrcode sc-bxivhb ctLIog"
role="img"
>
<svg
aria-hidden="true"
data-icon="qrcode"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
</span>
</span>
</span>
</div>
</div>
<div
className="ant-form-item-explain"
>
<div
role="alert"
>
</div>
</div>
</div>
</div>
</div>
<div
className="sc-jTzLTM fKDsMv"
>
<div
className="ant-row ant-form-item"
style={Object {}}
>
<div
className="ant-col ant-form-item-control"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<span
className="ant-input-group ant-input-group-compact"
>
<span
className="ant-input-affix-wrapper"
onMouseUp={[Function]}
style={
Object {
"textAlign": "left",
"width": "60%",
}
}
>
<span
className="ant-input-prefix"
>
<img
alt=""
height={16}
src="logo_primary.png"
width={16}
/>
</span>
<input
className="ant-input"
dollar={0}
name="value"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Amount"
required={true}
step={0.01}
style={null}
type="number"
value=""
/>
</span>
<div
className="ant-select select-after ant-select-single ant-select-show-arrow"
onBlur={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
onMouseDown={[Function]}
style={
Object {
"width": "30%",
}
}
>
<div
className="ant-select-selector"
onClick={[Function]}
onMouseDown={[Function]}
>
<span
className="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autoComplete="off"
className="ant-select-selection-search-input"
disabled={false}
id="rc_select_TEST_OR_SSR"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onPaste={[Function]}
readOnly={true}
role="combobox"
style={
Object {
"opacity": 0,
}
}
type="search"
unselectable="on"
value=""
/>
</span>
<span
className="ant-select-selection-item"
title="XEC"
>
XEC
</span>
</div>
<span
aria-hidden={true}
className="ant-select-arrow"
onMouseDown={[Function]}
style={
Object {
"WebkitUserSelect": "none",
"userSelect": "none",
}
}
unselectable="on"
>
<span
aria-label="down"
className="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<span
className="sc-jzJRlG kQuQkS"
disabled={false}
onClick={[Function]}
style={
Object {
"height": "60px",
"lineHeight": "60px",
"width": "10%",
}
}
>
max
</span>
</span>
</div>
</div>
<div
className="ant-form-item-explain"
>
<div
role="alert"
>
</div>
</div>
</div>
</div>
</div>
<div
className="sc-dxgOiQ kbCOBL"
>
=
$ NaN USD
</div>
<div
style={
Object {
"paddingTop": "12px",
}
}
>
<button
className="sc-htoDjs jyAknT"
onClick={[Function]}
>
Send
</button>
</div>
</form>
</div>
</div>,
- <br />,
- <br />,
<div
className="sc-ksYbfQ fUkkAB"
- />,
+ >
+ Signatures
+ </div>,
<div
className="ant-collapse ant-collapse-icon-position-left sc-gzVnrw fYpbQV"
role={null}
style={
Object {
"marginBottom": "24px",
}
}
>
<div
className="ant-collapse-item"
>
<div
aria-expanded={false}
className="ant-collapse-header"
onClick={[Function]}
onKeyPress={[Function]}
role="button"
tabIndex={0}
>
<span
aria-label="right"
className="anticon anticon-right ant-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
Sign Message
</div>
</div>
</div>,
]
`;
exports[`Wallet without BCH balance 1`] = `
Array [
<div
className="sc-kgoBCf fswuXg"
>
You currently have 0
XEC
<br />
Deposit some funds to use this feature
</div>,
<div
className="ant-row"
style={Object {}}
type="flex"
>
<div
className="ant-col ant-col-24"
style={Object {}}
>
<form
className="ant-form ant-form-horizontal"
onReset={[Function]}
onSubmit={[Function]}
style={
Object {
"width": "auto",
}
}
>
<div
className="sc-jTzLTM fKDsMv"
>
<div
className="ant-row ant-form-item"
style={Object {}}
>
<div
className="ant-col ant-form-item-control"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<span
className="ant-input-group-wrapper"
>
<span
className="ant-input-wrapper ant-input-group"
>
<span
className="ant-input-affix-wrapper"
onMouseUp={[Function]}
style={null}
>
<span
className="ant-input-prefix"
>
<span
aria-label="wallet"
className="anticon anticon-wallet sc-htpNat fLtATP"
role="img"
>
<svg
aria-hidden="true"
data-icon="wallet"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
/>
</svg>
</span>
</span>
<input
autoComplete="off"
className="ant-input"
name="address"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="XEC Address"
required={true}
style={null}
type="text"
value=""
/>
</span>
<span
className="ant-input-group-addon"
>
<span
className="sc-gZMcBi kJTcOr"
onClick={[Function]}
>
<span
aria-label="qrcode"
className="anticon anticon-qrcode sc-bxivhb ctLIog"
role="img"
>
<svg
aria-hidden="true"
data-icon="qrcode"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
</span>
</span>
</span>
</div>
</div>
<div
className="ant-form-item-explain"
>
<div
role="alert"
>
</div>
</div>
</div>
</div>
</div>
<div
className="sc-jTzLTM fKDsMv"
>
<div
className="ant-row ant-form-item"
style={Object {}}
>
<div
className="ant-col ant-form-item-control"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<span
className="ant-input-group ant-input-group-compact"
>
<span
className="ant-input-affix-wrapper"
onMouseUp={[Function]}
style={
Object {
"textAlign": "left",
"width": "60%",
}
}
>
<span
className="ant-input-prefix"
>
<img
alt=""
height={16}
src="logo_primary.png"
width={16}
/>
</span>
<input
className="ant-input"
dollar={0}
name="value"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Amount"
required={true}
step={0.01}
style={null}
type="number"
value=""
/>
</span>
<div
className="ant-select select-after ant-select-single ant-select-show-arrow"
onBlur={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
onMouseDown={[Function]}
style={
Object {
"width": "30%",
}
}
>
<div
className="ant-select-selector"
onClick={[Function]}
onMouseDown={[Function]}
>
<span
className="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autoComplete="off"
className="ant-select-selection-search-input"
disabled={false}
id="rc_select_TEST_OR_SSR"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onPaste={[Function]}
readOnly={true}
role="combobox"
style={
Object {
"opacity": 0,
}
}
type="search"
unselectable="on"
value=""
/>
</span>
<span
className="ant-select-selection-item"
title="XEC"
>
XEC
</span>
</div>
<span
aria-hidden={true}
className="ant-select-arrow"
onMouseDown={[Function]}
style={
Object {
"WebkitUserSelect": "none",
"userSelect": "none",
}
}
unselectable="on"
>
<span
aria-label="down"
className="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<span
className="sc-jzJRlG kQuQkS"
disabled={false}
onClick={[Function]}
style={
Object {
"height": "60px",
"lineHeight": "60px",
"width": "10%",
}
}
>
max
</span>
</span>
</div>
</div>
<div
className="ant-form-item-explain"
>
<div
role="alert"
>
</div>
</div>
</div>
</div>
</div>
<div
className="sc-dxgOiQ kbCOBL"
>
=
$ NaN USD
</div>
<div
style={
Object {
"paddingTop": "12px",
}
}
>
<button
className="sc-dnqmqq fryMgW"
>
Send
</button>
</div>
</form>
</div>
</div>,
- <br />,
- <br />,
<div
className="sc-ksYbfQ fUkkAB"
- />,
+ >
+ Signatures
+ </div>,
<div
className="ant-collapse ant-collapse-icon-position-left sc-gzVnrw fYpbQV"
role={null}
style={
Object {
"marginBottom": "24px",
}
}
>
<div
className="ant-collapse-item"
>
<div
aria-expanded={false}
className="ant-collapse-header"
onClick={[Function]}
onKeyPress={[Function]}
role="button"
tabIndex={0}
>
<span
aria-label="right"
className="anticon anticon-right ant-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
Sign Message
</div>
</div>
</div>,
]
`;
exports[`Without wallet defined 1`] = `
Array [
<div
className="sc-kgoBCf fswuXg"
>
You currently have 0
XEC
<br />
Deposit some funds to use this feature
</div>,
<div
className="ant-row"
style={Object {}}
type="flex"
>
<div
className="ant-col ant-col-24"
style={Object {}}
>
<form
className="ant-form ant-form-horizontal"
onReset={[Function]}
onSubmit={[Function]}
style={
Object {
"width": "auto",
}
}
>
<div
className="sc-jTzLTM fKDsMv"
>
<div
className="ant-row ant-form-item"
style={Object {}}
>
<div
className="ant-col ant-form-item-control"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<span
className="ant-input-group-wrapper"
>
<span
className="ant-input-wrapper ant-input-group"
>
<span
className="ant-input-affix-wrapper"
onMouseUp={[Function]}
style={null}
>
<span
className="ant-input-prefix"
>
<span
aria-label="wallet"
className="anticon anticon-wallet sc-htpNat fLtATP"
role="img"
>
<svg
aria-hidden="true"
data-icon="wallet"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 464H528V448h312v128zm0 264H184V184h656v200H496c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h344v200zM580 512a40 40 0 1080 0 40 40 0 10-80 0z"
/>
</svg>
</span>
</span>
<input
autoComplete="off"
className="ant-input"
name="address"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="XEC Address"
required={true}
style={null}
type="text"
value=""
/>
</span>
<span
className="ant-input-group-addon"
>
<span
className="sc-gZMcBi kJTcOr"
onClick={[Function]}
>
<span
aria-label="qrcode"
className="anticon anticon-qrcode sc-bxivhb ctLIog"
role="img"
>
<svg
aria-hidden="true"
data-icon="qrcode"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M468 128H160c-17.7 0-32 14.3-32 32v308c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8zm-56 284H192V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210H136c-4.4 0-8 3.6-8 8v308c0 17.7 14.3 32 32 32h308c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zm-56 284H192V612h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm590-630H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h332c4.4 0 8-3.6 8-8V160c0-17.7-14.3-32-32-32zm-32 284H612V192h220v220zm-138-74h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm194 210h-48c-4.4 0-8 3.6-8 8v134h-78V556c0-4.4-3.6-8-8-8H556c-4.4 0-8 3.6-8 8v332c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V644h78v102c0 4.4 3.6 8 8 8h190c4.4 0 8-3.6 8-8V556c0-4.4-3.6-8-8-8zM746 832h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm142 0h-48c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
</span>
</span>
</span>
</div>
</div>
<div
className="ant-form-item-explain"
>
<div
role="alert"
>
</div>
</div>
</div>
</div>
</div>
<div
className="sc-jTzLTM fKDsMv"
>
<div
className="ant-row ant-form-item"
style={Object {}}
>
<div
className="ant-col ant-form-item-control"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<span
className="ant-input-group ant-input-group-compact"
>
<span
className="ant-input-affix-wrapper"
onMouseUp={[Function]}
style={
Object {
"textAlign": "left",
"width": "60%",
}
}
>
<span
className="ant-input-prefix"
>
<img
alt=""
height={16}
src="logo_primary.png"
width={16}
/>
</span>
<input
className="ant-input"
dollar={0}
name="value"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
placeholder="Amount"
required={true}
step={0.01}
style={null}
type="number"
value=""
/>
</span>
<div
className="ant-select select-after ant-select-single ant-select-show-arrow"
onBlur={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
onMouseDown={[Function]}
style={
Object {
"width": "30%",
}
}
>
<div
className="ant-select-selector"
onClick={[Function]}
onMouseDown={[Function]}
>
<span
className="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autoComplete="off"
className="ant-select-selection-search-input"
disabled={false}
id="rc_select_TEST_OR_SSR"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onPaste={[Function]}
readOnly={true}
role="combobox"
style={
Object {
"opacity": 0,
}
}
type="search"
unselectable="on"
value=""
/>
</span>
<span
className="ant-select-selection-item"
title="XEC"
>
XEC
</span>
</div>
<span
aria-hidden={true}
className="ant-select-arrow"
onMouseDown={[Function]}
style={
Object {
"WebkitUserSelect": "none",
"userSelect": "none",
}
}
unselectable="on"
>
<span
aria-label="down"
className="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<span
className="sc-jzJRlG kQuQkS"
disabled={false}
onClick={[Function]}
style={
Object {
"height": "60px",
"lineHeight": "60px",
"width": "10%",
}
}
>
max
</span>
</span>
</div>
</div>
<div
className="ant-form-item-explain"
>
<div
role="alert"
>
</div>
</div>
</div>
</div>
</div>
<div
className="sc-dxgOiQ kbCOBL"
>
=
$ NaN USD
</div>
<div
style={
Object {
"paddingTop": "12px",
}
}
>
<button
className="sc-dnqmqq fryMgW"
>
Send
</button>
</div>
</form>
</div>
</div>,
- <br />,
- <br />,
<div
className="sc-ksYbfQ fUkkAB"
- />,
+ >
+ Signatures
+ </div>,
<div
className="ant-collapse ant-collapse-icon-position-left sc-gzVnrw fYpbQV"
role={null}
style={
Object {
"marginBottom": "24px",
}
}
>
<div
className="ant-collapse-item"
>
<div
aria-expanded={false}
className="ant-collapse-header"
onClick={[Function]}
onKeyPress={[Function]}
role="button"
tabIndex={0}
>
<span
aria-label="right"
className="anticon anticon-right ant-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
Sign Message
</div>
</div>
</div>,
]
`;