git.iko.soy/bridge
on abbbcbc help sign in
bridge/src/views/Login/Ticket.js
180 lines 5.0 kB history raw
1import { Just, Nothing } from 'folktale/maybe';
2import React, { useCallback, useState, useEffect } from 'react';
3import * as azimuth from 'azimuth-js';
4import * as ob from 'urbit-ob';
5import * as kg from 'urbit-key-generation/dist/index';
6import { Input, Grid, CheckboxInput } from 'indigo-react';
8import { useNetwork } from 'store/network';
9import { useWallet } from 'store/wallet';
10import { usePointCursor } from 'store/pointCursor';
12import {
13 usePointInput,
14 useTicketInput,
15 usePassphraseInput,
16 useCheckboxInput,
17} from 'lib/useInputs';
18import * as need from 'lib/need';
19import { WALLET_TYPES, urbitWalletFromTicket } from 'lib/wallet';
20import useImpliedPoint from 'lib/useImpliedPoint';
21import useLoginView from 'lib/useLoginView';
23export default function Ticket({ className }) {
24 useLoginView(WALLET_TYPES.TICKET);
26 const { contracts } = useNetwork();
27 const { setUrbitWallet } = useWallet();
28 const { setPointCursor } = usePointCursor();
29 const impliedPoint = useImpliedPoint();
31 // point
32 const [pointInput, { data: pointName }] = usePointInput({
33 name: 'point',
34 initialValue: impliedPoint || '',
35 autoFocus: true,
36 });
38 // passphrase
39 const [passphraseInput, { data: passphrase }] = usePassphraseInput({
40 name: 'passphrase',
41 label: 'Wallet Passphrase',
42 });
44 const [hasPassphraseInput, { data: hasPassphrase }] = useCheckboxInput({
45 name: 'has-passphrase',
46 label: 'Passphrase',
47 initialValue: false,
48 });
50 // ticket
51 const [error, setError] = useState();
52 const [deriving, setDeriving] = useState(false);
53 const [ticketInput, { data: ticket, pass: validTicket }] = useTicketInput({
54 name: 'ticket',
55 label: 'Master Ticket',
56 error,
57 deriving,
58 });
60 // shards
61 const [shardsInput, { data: isUsingShards }] = useCheckboxInput({
62 name: 'shards',
63 label: 'Shards',
64 initialValue: false,
65 });
67 const [shard1Input, { data: shard1, pass: shard1Pass }] = useTicketInput({
68 name: 'shard1',
69 label: 'Shard 1',
70 });
72 const [shard2Input, { data: shard2, pass: shard2Pass }] = useTicketInput({
73 name: 'shard2',
74 label: 'Shard 2',
75 });
77 const [shard3Input, { data: shard3, pass: shard3Pass }] = useTicketInput({
78 name: 'shard3',
79 label: 'Shard 3',
80 });
82 const shardsReady = shard1Pass && shard2Pass && shard3Pass;
84 // TODO: maybe want to do this only on-go, because wallet derivation is slow...
85 const deriveWalletFromTicket = useCallback(async () => {
86 // clear states
87 setError();
88 setDeriving(true);
89 setUrbitWallet(Nothing());
91 if (!ob.isValidPatq(ticket) || !ob.isValidPatp(pointName)) {
92 setDeriving(false);
93 return;
94 }
96 const _contracts = need.contracts(contracts);
97 const point = ob.patp2dec(pointName);
98 const urbitWallet = await urbitWalletFromTicket(ticket, point, passphrase);
99 const [isOwner, isTransferProxy] = await Promise.all([
100 azimuth.azimuth.isOwner(
101 _contracts,
102 point,
103 urbitWallet.ownership.keys.address
104 ),
105 azimuth.azimuth.isTransferProxy(
106 _contracts,
107 point,
108 urbitWallet.ownership.keys.address
109 ),
110 ]);
112 if (!isOwner && !isTransferProxy) {
113 // notify the user, but allow login regardless
114 setError(
115 'This ticket is not the owner of or transfer proxy for this point.'
116 );
117 }
119 setUrbitWallet(Just(urbitWallet));
120 setPointCursor(Just(ob.patp2dec(pointName)));
121 setDeriving(false);
122 }, [
123 pointName,
124 ticket,
125 passphrase,
126 contracts,
127 setUrbitWallet,
128 setPointCursor,
129 setDeriving,
130 ]);
132 const deriveWalletFromShards = useCallback(async () => {
133 const s1 = shard1 || undefined;
134 const s2 = shard2 || undefined;
135 const s3 = shard3 || undefined;
137 try {
138 const ticket = kg.combine([s1, s2, s3]);
139 const point = ob.patp2dec(pointName);
140 const uhdw = await urbitWalletFromTicket(ticket, point, passphrase);
141 setUrbitWallet(Just(uhdw));
142 } catch (_) {
143 // do nothing
144 }
145 }, [passphrase, pointName, setUrbitWallet, shard1, shard2, shard3]);
147 // derive wallet on change
148 useEffect(() => {
149 if (isUsingShards && shardsReady) {
150 deriveWalletFromShards();
151 } else if (validTicket) {
152 deriveWalletFromTicket();
153 }
154 }, [
155 isUsingShards,
156 validTicket,
157 shardsReady,
158 deriveWalletFromShards,
159 deriveWalletFromTicket,
160 ]);
162 return (
163 <Grid className={className}>
164 <Grid.Item full as={Input} {...pointInput} />
166 {!isUsingShards && <Grid.Item full as={Input} {...ticketInput} />}
167 {isUsingShards && (
168 <>
169 <Grid.Item full as={Input} {...shard1Input} />
170 <Grid.Item full as={Input} {...shard2Input} />
171 <Grid.Item full as={Input} {...shard3Input} />
172 </>
173 )}
174 {hasPassphrase && <Grid.Item full as={Input} {...passphraseInput} />}
176 <Grid.Item full as={CheckboxInput} {...hasPassphraseInput} />
177 <Grid.Item full as={CheckboxInput} {...shardsInput} />
178 </Grid>
179 );