/
AliasInput.svelte
54 lines (47 loc) · 1.8 KB
/
AliasInput.svelte
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<script lang="typescript">
import { Modal, SelectorInput, IOption } from 'shared/components'
import { selectedAccount } from '@core/account/stores'
import { localize } from '@core/i18n'
import { networkHrp } from '@core/network/stores'
import { validateBech32Address } from '@core/utils/crypto'
import { ADDRESS_TYPE_ALIAS } from '@core/wallet/constants'
import { convertHexAddressToBech32 } from '@core/wallet/utils'
export let alias: string = ''
export let error: string = ''
let inputElement: HTMLInputElement = undefined
let modal: Modal = undefined
const aliasOptions: IOption[] =
$selectedAccount.balances?.aliases.map((hexAliasId, index) => {
const aliasId = convertHexAddressToBech32(ADDRESS_TYPE_ALIAS, hexAliasId)
return { key: 'Alias ' + (index + 1), value: aliasId }
}) ?? []
let selected: IOption = aliasOptions.find((option) => option.value === alias)
$: alias = selected?.value
export async function validate(): Promise<void> {
try {
if (!alias) {
throw new Error(localize('error.aliasMinting.aliasRequired'))
}
validateBech32Address($networkHrp, alias, ADDRESS_TYPE_ALIAS)
validateAliasInPossession()
} catch (err) {
error = err?.message ?? err
return Promise.reject(error)
}
}
function validateAliasInPossession(): void {
if (aliasOptions.some((option) => option.value === alias)) {
return
} else {
throw new Error(localize('error.aliasMinting.aliasNotInPossession'))
}
}
</script>
<SelectorInput
labelLocale="popups.nativeToken.property.alias"
bind:selected
bind:inputElement
bind:modal
options={aliasOptions}
{error}
/>