git.iko.soy/bridge
on c603ef9 help sign in
bridge/src/components/Inputs.js
155 lines 3.7 kB history raw
1import React, { useState } from 'react';
2import * as bip39 from 'bip39';
4import InputSigil from 'components/InputSigil';
6import { DEFAULT_HD_PATH } from 'lib/wallet';
7import {
8 validateNotEmpty,
9 validateMnemonic,
10 validatePoint,
11 validateTicket,
12 validateEmail,
13} from 'lib/validators';
14import { prependSig } from 'lib/transformers';
15import useForm from 'indigo-react/lib/useForm';
17// const RequiredInput = advancedInput({
18// WrappedComponent: Input,
19// validators: [validateNotEmpty],
20// });
22// const NetworkKeyInput = advancedInput({
23// WrappedComponent: Input,
24// validators: [validateNotEmpty, validateNetworkKey],
25// });
27// const NetworkSeedInput = advancedInput({
28// WrappedComponent: Input,
29// validators: [validateNotEmpty, validateNetworkSeed],
30// });
32// const AddressInput = advancedInput({
33// WrappedComponent: Input,
34// validators: [validateEthereumAddress, validateNotEmpty],
35// });
37const firstOf = state => state.inputs[0];
39export function usePassphraseInput(props) {
40 return firstOf(
41 useForm([
42 {
43 type: 'password',
44 autoComplete: 'off',
45 placeholder: 'Passphrase',
46 ...props,
47 },
48 ])
49 );
52const kExampleMnemonic = bip39.generateMnemonic();
53const kMnemonicValidators = [validateMnemonic, validateNotEmpty];
54export function useMnemonicInput(props) {
55 return firstOf(
56 useForm([
57 {
58 type: 'text',
59 autoComplete: 'off',
60 placeholder: `e.g. ${kExampleMnemonic}`,
61 validators: kMnemonicValidators,
62 ...props,
63 },
64 ])
65 );
68export function useHdPathInput(props) {
69 return firstOf(
70 useForm([
71 {
72 type: 'text',
73 autoComplete: 'off',
74 placeholder: `e.g. ${DEFAULT_HD_PATH}`,
75 ...props,
76 },
77 ])
78 );
81// const GalaxyInput = advancedInput({
82// WrappedComponent: Input,
83// validators: [validateGalaxy, validateNotEmpty],
84// transformers: [prependSig],
85// });
87const kTicketValidators = [validateTicket, validateNotEmpty];
88const kTicketTransformers = [prependSig];
89//TODO needs to be fancier, displaying sig and dashes instead of •ing all
90export function useTicketInput({ initialValue = '~', ...rest }) {
91 return firstOf(
92 useForm([
93 {
94 type: 'password',
95 placeholder: '~master-ticket',
96 validators: kTicketValidators,
97 transformers: kTicketTransformers,
98 mono: true,
99 initialValue,
100 ...rest,
101 },
102 ])
103 );
106const kPointValidators = [validatePoint, validateNotEmpty];
107const kPointTransformers = [prependSig];
108export function usePointInput({ initialValue = '~', ...rest }) {
109 const [lastValidPoint, setLastValidPoint] = useState('');
110 const input = firstOf(
111 useForm([
112 {
113 type: 'text',
114 placeholder: 'e.g. ~zod',
115 validators: kPointValidators,
116 transformers: kPointTransformers,
117 mono: true,
118 initialValue,
119 onValue: setLastValidPoint,
120 ...rest,
121 },
122 ])
123 );
125 const { pass, focused, error } = input;
127 return {
128 ...input,
129 accessory: lastValidPoint && (
130 <InputSigil
131 patp={lastValidPoint}
132 size={68}
133 margin={8}
134 pass={pass}
135 focused={focused}
136 error={error}
137 />
138 ),
139 };
142const kEmailValidators = [validateEmail, validateNotEmpty];
143export const buildEmailInputConfig = extra => ({
144 type: 'email',
145 autoComplete: 'off',
146 validators: kEmailValidators,
147 initialValue: '',
148 ...extra,
149});
151// const TicketInput = advancedInput({
152// WrappedComponent: Input,
153// validators: [validateTicket, validateNotEmpty],
154// transformers: [prependSig],
155// });