git.iko.soy/bridge
on 06b6de4 help sign in
bridge/src/views/Activate/ActivateCode.js
152 lines 4.6 kB history raw
1import React, { useCallback, useEffect, useState } from 'react';
2import { Just, Nothing } from 'folktale/maybe';
3import * as azimuth from 'azimuth-js';
4import { Grid, Input, H4, ErrorText } from 'indigo-react';
6import View from 'components/View';
7import { ForwardButton } from 'components/Buttons';
8import Passport from 'components/Passport';
10import { useHistory } from 'store/history';
12import { useTicketInput } from 'lib/useInputs';
13import * as need from 'lib/need';
14import { ROUTE_NAMES } from 'lib/routeNames';
15import { useSyncKnownPoints } from 'lib/useSyncPoints';
16import FooterButton from 'components/FooterButton';
17import Blinky from 'components/Blinky';
18import { DEFAULT_HD_PATH, walletFromMnemonic } from 'lib/wallet';
19import { useNetwork } from 'store/network';
20import { generateWallet } from 'lib/invite';
21import { generateTemporaryOwnershipWallet } from 'lib/walletgen';
22import { useActivateFlow } from './ActivateFlow';
23import { useLocalRouter } from 'lib/LocalRouter';
25export default function ActivateCode() {
26 const history = useHistory();
27 const { names, push } = useLocalRouter();
28 const { contracts } = useNetwork();
29 const [generalError, setGeneralError] = useState();
30 const [deriving, setDeriving] = useState(false);
31 const {
32 derivedWallet,
33 setDerivedWallet,
34 setInviteWallet,
35 derivedPoint,
36 setDerivedPoint,
37 } = useActivateFlow();
39 const [ticketInput, { pass: validTicket, data: ticket }] = useTicketInput({
40 name: 'ticket',
41 label: 'Code',
42 autoFocus: true,
43 });
45 const goToLogin = useCallback(() => history.popAndPush(ROUTE_NAMES.LOGIN), [
46 history,
47 ]);
48 const goToDisclaimer = useCallback(() => push(names.DISCLAIMER), [
49 names,
50 push,
51 ]);
53 const pass = derivedWallet.matchWith({
54 Nothing: () => false,
55 Just: () => true,
56 });
58 useEffect(() => {
59 if (validTicket) {
60 const _contracts = need.contracts(contracts);
62 setDeriving(true);
63 // when the ticket becomes valid, derive the point
64 (async () => {
65 const { seed } = await generateTemporaryOwnershipWallet(ticket);
67 //TODO isn't all this accessible in the ownership object?
68 const inviteWallet = walletFromMnemonic(seed, DEFAULT_HD_PATH);
69 const _inviteWallet = need.wallet(inviteWallet);
71 const owned = await azimuth.azimuth.getOwnedPoints(
72 _contracts,
73 _inviteWallet.address
74 );
75 const transferring = await azimuth.azimuth.getTransferringFor(
76 _contracts,
77 _inviteWallet.address
78 );
79 const incoming = [...owned, ...transferring];
81 let realPoint = Nothing();
82 let wallet = Nothing();
84 if (incoming.length > 0) {
85 const pointNum = parseInt(incoming[0], 10);
86 realPoint = Just(pointNum);
87 wallet = Just(await generateWallet(pointNum));
89 if (incoming.length > 1) {
90 setGeneralError(
91 'This invite code has multiple points available.\n' +
92 "Once you've activated this point, activate the next with the same process."
93 );
94 }
95 } else {
96 setGeneralError(
97 'Invite code has no claimable point.\n' +
98 'Check your invite code and try again?'
99 );
100 }
102 setDerivedPoint(realPoint);
103 setDerivedWallet(wallet);
104 setInviteWallet(inviteWallet);
105 setDeriving(false);
106 })();
107 } else {
108 setGeneralError(false);
109 }
110 }, [
111 validTicket,
112 contracts,
113 ticket,
114 setDerivedPoint,
115 setDerivedWallet,
116 setInviteWallet,
117 ]);
119 // when we know the derived point, ensure we have the data to display it
120 useSyncKnownPoints([derivedPoint.getOrElse(null)].filter(p => p !== null));
122 return (
123 <View>
124 <Grid>
125 <Grid.Item as={Passport} point={derivedPoint} full />
126 <Grid.Item as={H4} className="mt3 mb2" full>
127 Activate
128 </Grid.Item>
129 <Grid.Item as={Input} {...ticketInput} full />
130 {generalError && (
131 <Grid.Item full>
132 <ErrorText>{generalError}</ErrorText>{' '}
133 </Grid.Item>
134 )}
135 <Grid.Item
136 as={ForwardButton}
137 className="mt4"
138 disabled={!pass || deriving}
139 accessory={deriving ? <Blinky /> : undefined}
140 onClick={goToDisclaimer}
141 solid
142 full>
143 {deriving && 'Deriving...'}
144 {!deriving && 'Go'}
145 </Grid.Item>
146 </Grid>
147 <FooterButton as={ForwardButton} onClick={goToLogin}>
148 Login
149 </FooterButton>
150 </View>
151 );