3217313684

Committed 10 Oct 2022 06:40AM UTC coverage: 34.107% (-7.9%) from 41.963%

Build Type

github

Committed by GitHub

Commit Message

Merge bb8917428 into 60a4dd692

Pull Request Pull Request #4087: Fix: set default dev chainId to Goerli

Run Details

1353 of 5244 branches covered (25.8%)

Branch coverage included in aggregate %.

2 of 2 new or added lines in 1 file covered. (100.0%)

827 existing lines in 97 files now uncovered.

3979 of 10389 relevant lines covered (38.3%)

21.76 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

76.09

/src/components/forms/AddressInput/index.tsx

import { useCallback, useEffect, useMemo, useState } from 'react'
import { Field } from 'react-final-form'
import { OnChange } from 'react-final-form-listeners'
import InputAdornment from '@material-ui/core/InputAdornment'
import CircularProgress from '@material-ui/core/CircularProgress'

import TextField from 'src/components/forms/TextField'
import { Validator, composeValidators, mustBeEthereumAddress, required } from 'src/components/forms/validator'
import { trimSpaces } from 'src/utils/strings'
import { getAddressFromDomain } from 'src/logic/wallets/getWeb3'
import { isValidEnsName, isValidCryptoDomainName } from 'src/logic/wallets/ethAddresses'
import { checksumAddress } from 'src/utils/checksumAddress'
import { Errors, logError } from 'src/logic/exceptions/CodedException'
import { parsePrefixedAddress } from 'src/utils/prefixedAddress'

export interface AddressInputProps {
  fieldMutator: (address: string) => void
  name?: string
  text?: string
  placeholder?: string
  inputAdornment?: { endAdornment: React.ReactElement } | undefined | false
  testId: string
  validators?: Validator[]
  defaultValue?: string
  disabled?: boolean
  spellCheck?: boolean
  className?: string
}

const AddressInput = ({
  className = '',
  name = 'recipientAddress',
  text = 'Recipient*',
  placeholder = 'Recipient*',
  fieldMutator,
  testId,
  inputAdornment,
  validators = [],
  defaultValue,
  disabled,
}: AddressInputProps): React.ReactElement => {
  const [currentInput, setCurrentInput] = useState<string>('')
  const [resolutions, setResolutions] = useState<Record<string, string | undefined>>({})
  const resolvedAddress = resolutions[currentInput]
  const isResolving = resolvedAddress === ''

  // External validators must receive an unprefixed address
  const sanitizedValidators = useCallback(
    (val: string) => {
      const parsed = parsePrefixedAddress(val)
      return composeValidators(...validators)(parsed.address)
    },
    [validators],
  )

  // Internal validators + externally passed validators
  const allValidators = useMemo(
    () => composeValidators(required, mustBeEthereumAddress, sanitizedValidators),
    [sanitizedValidators],
  )

  const onValueChange = useCallback(
    (rawVal: string) => {
      const address = trimSpaces(rawVal)

      setCurrentInput(rawVal)

      // A crypto domain name
      if (isValidEnsName(address) || isValidCryptoDomainName(address)) {
        setResolutions((prev) => ({ ...prev, [rawVal]: '' }))
        getAddressFromDomain(address)
          .then((resolverAddr) => {
            const formattedAddress = checksumAddress(resolverAddr)
            setResolutions((prev) => ({ ...prev, [rawVal]: formattedAddress }))
          })
          .catch((err) => {
            setResolutions((prev) => ({ ...prev, [rawVal]: undefined }))
            logError(Errors._101, err.message)
          })
      } else {
        // A regular address hash
        if (!mustBeEthereumAddress(address)) {
          const parsed = parsePrefixedAddress(address)
          const checkedAddress = checksumAddress(parsed.address) || parsed.address

          // Field mutator (parent component) always gets an unprefixed address
          fieldMutator(checkedAddress)
        }
      }
    },
    [setCurrentInput, setResolutions, fieldMutator],
  )

  useEffect(() => {
    if (resolvedAddress) {
      onValueChange(resolvedAddress)
    }
  }, [resolvedAddress, onValueChange])

  const adornment = isResolving
    ? {
        endAdornment: (
          <InputAdornment position="end">
            <CircularProgress size="16px" />
          </InputAdornment>
        ),
      }
    : inputAdornment

  return (
    <>
      <Field
        className={className}
        component={TextField as any}
        defaultValue={defaultValue}
        disabled={disabled}
        inputAdornment={adornment}
        name={name}
        placeholder={placeholder}
        label={text}
        spellCheck={false}
        validate={allValidators}
        inputProps={{
          'data-testid': testId,
        }}
      />

      <OnChange name={name}>{onValueChange}</OnChange>
    </>
  )
}

export default AddressInput

1	import { useCallback, useEffect, useMemo, useState } from 'react'
2	import { Field } from 'react-final-form'
3	import { OnChange } from 'react-final-form-listeners'
4	import InputAdornment from '@material-ui/core/InputAdornment'
5	import CircularProgress from '@material-ui/core/CircularProgress'
6
7	import TextField from 'src/components/forms/TextField'
8	import { Validator, composeValidators, mustBeEthereumAddress, required } from 'src/components/forms/validator'
9	import { trimSpaces } from 'src/utils/strings'
10	import { getAddressFromDomain } from 'src/logic/wallets/getWeb3'
11	import { isValidEnsName, isValidCryptoDomainName } from 'src/logic/wallets/ethAddresses'
12	import { checksumAddress } from 'src/utils/checksumAddress'
13	import { Errors, logError } from 'src/logic/exceptions/CodedException'
14	import { parsePrefixedAddress } from 'src/utils/prefixedAddress'
15
16	export interface AddressInputProps {
17	fieldMutator: (address: string) => void
18	name?: string
19	text?: string
20	placeholder?: string
21	inputAdornment?: { endAdornment: React.ReactElement } \| undefined \| false
22	testId: string
23	validators?: Validator[]
24	defaultValue?: string
25	disabled?: boolean
26	spellCheck?: boolean
27	className?: string
28	}
29
30	const AddressInput = ({	3✔
31	className = '',	183✔
32	name = 'recipientAddress',	×
33	text = 'Recipient*',	24✔
34	placeholder = 'Recipient*',	24✔
35	fieldMutator,
36	testId,
37	inputAdornment,
38	validators = [],	183✔
39	defaultValue,
40	disabled,
41	}: AddressInputProps): React.ReactElement => {
42	const [currentInput, setCurrentInput] = useState<string>('')	183✔
43	const [resolutions, setResolutions] = useState<Record<string, string \| undefined>>({})	183✔
44	const resolvedAddress = resolutions[currentInput]	183✔
45	const isResolving = resolvedAddress === ''	183✔
46
47	// External validators must receive an unprefixed address
48	const sanitizedValidators = useCallback(	183✔
49	(val: string) => {
UNCOV 50	const parsed = parsePrefixedAddress(val)	×
UNCOV 51	return composeValidators(...validators)(parsed.address)	×
52	},
53	[validators],
54	)
55
56	// Internal validators + externally passed validators
57	const allValidators = useMemo(	183✔
58	() => composeValidators(required, mustBeEthereumAddress, sanitizedValidators),	183✔
59	[sanitizedValidators],
60	)
61
62	const onValueChange = useCallback(	183✔
63	(rawVal: string) => {
64	const address = trimSpaces(rawVal)	31✔
65
66	setCurrentInput(rawVal)	31✔
67
68	// A crypto domain name
69	if (isValidEnsName(address) \|\| isValidCryptoDomainName(address)) {	31✔
70	setResolutions((prev) => ({ ...prev, [rawVal]: '' }))	4✔
71	getAddressFromDomain(address)	4✔
72	.then((resolverAddr) => {
73	const formattedAddress = checksumAddress(resolverAddr)	4✔
74	setResolutions((prev) => ({ ...prev, [rawVal]: formattedAddress }))	4✔
75	})
76	.catch((err) => {
77	setResolutions((prev) => ({ ...prev, [rawVal]: undefined }))	×
78	logError(Errors._101, err.message)	×
79	})
80	} else {
81	// A regular address hash
82	if (!mustBeEthereumAddress(address)) {	27!
UNCOV 83	const parsed = parsePrefixedAddress(address)	×
UNCOV 84	const checkedAddress = checksumAddress(parsed.address) \|\| parsed.address	×
85
86	// Field mutator (parent component) always gets an unprefixed address
UNCOV 87	fieldMutator(checkedAddress)	×
88	}
89	}
90	},
91	[setCurrentInput, setResolutions, fieldMutator],
92	)
93
94	useEffect(() => {	183✔
95	if (resolvedAddress) {	173✔
96	onValueChange(resolvedAddress)	3✔
97	}
98	}, [resolvedAddress, onValueChange])
99
100	const adornment = isResolving	183✔
101	? {
102	endAdornment: (
103	<InputAdornment position="end">
104	<CircularProgress size="16px" />
105	</InputAdornment>
106	),
107	}
108	: inputAdornment
109
110	return (	183✔
111	<>
112	<Field
113	className={className}
114	component={TextField as any}
115	defaultValue={defaultValue}
116	disabled={disabled}
117	inputAdornment={adornment}
118	name={name}
119	placeholder={placeholder}
120	label={text}
121	spellCheck={false}
122	validate={allValidators}
123	inputProps={{
124	'data-testid': testId,
125	}}
126	/>
127
128	<OnChange name={name}>{onValueChange}</OnChange>
129	</>
130	)
131	}
132
133	export default AddressInput

safe-global / safe-react / 3217313684

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous