wallet-stack 1.0.0-alpha.131 → 1.0.0-alpha.133

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/locales/base/translation.json +11 -0
  2. package/package.json +2 -3
  3. package/src/analytics/Events.tsx +3 -10
  4. package/src/analytics/Properties.tsx +9 -25
  5. package/src/analytics/docs.ts +11 -8
  6. package/src/app/ErrorMessages.ts +1 -7
  7. package/src/identity/actions.ts +1 -97
  8. package/src/identity/contactMapping.test.ts +3 -28
  9. package/src/identity/contactMapping.ts +2 -88
  10. package/src/identity/reducer.ts +0 -77
  11. package/src/identity/saga.ts +2 -85
  12. package/src/identity/selectors.ts +0 -2
  13. package/src/images/Images.ts +3 -0
  14. package/src/images/assets/invite-modal.png +0 -0
  15. package/src/images/assets/invite-modal@1.5x.png +0 -0
  16. package/src/images/assets/invite-modal@2x.png +0 -0
  17. package/src/images/assets/invite-modal@3x.png +0 -0
  18. package/src/images/assets/invite-modal@4x.png +0 -0
  19. package/src/images/assets/minipay.png +0 -0
  20. package/src/images/assets/minipay@1.5x.png +0 -0
  21. package/src/images/assets/minipay@2x.png +0 -0
  22. package/src/images/assets/minipay@3x.png +0 -0
  23. package/src/images/assets/minipay@4x.png +0 -0
  24. package/src/images/assets/valora.png +0 -0
  25. package/src/images/assets/valora@1.5x.png +0 -0
  26. package/src/images/assets/valora@2x.png +0 -0
  27. package/src/images/assets/valora@3x.png +0 -0
  28. package/src/images/assets/valora@4x.png +0 -0
  29. package/src/index.d.ts +0 -1
  30. package/src/navigator/Navigator.tsx +10 -14
  31. package/src/navigator/Screens.tsx +2 -2
  32. package/src/navigator/types.tsx +5 -6
  33. package/src/qrcode/utils.test.tsx +4 -96
  34. package/src/qrcode/utils.ts +5 -114
  35. package/src/redux/migrations.test.ts +13 -0
  36. package/src/redux/migrations.ts +4 -0
  37. package/src/redux/store.test.ts +1 -2
  38. package/src/redux/store.ts +1 -1
  39. package/src/send/SelectRecipientAddress.test.tsx +146 -0
  40. package/src/send/SelectRecipientAddress.tsx +166 -0
  41. package/src/send/SendConfirmation.test.tsx +28 -0
  42. package/src/send/SendConfirmation.tsx +18 -1
  43. package/src/send/SendInvite.test.tsx +107 -0
  44. package/src/send/SendInvite.tsx +99 -0
  45. package/src/send/SendSelectRecipient.test.tsx +44 -223
  46. package/src/send/SendSelectRecipient.tsx +41 -149
  47. package/src/send/actions.ts +0 -26
  48. package/src/send/saga.ts +1 -6
  49. package/src/components/AccountNumberCard.tsx +0 -23
  50. package/src/components/ErrorMessageInline.tsx +0 -78
  51. package/src/components/SingleDigitInput.tsx +0 -53
  52. package/src/icons/HamburgerCard.tsx +0 -55
  53. package/src/identity/saga.test.ts +0 -103
  54. package/src/identity/secureSend.ts +0 -171
  55. package/src/send/ValidateRecipientAccount.test.tsx +0 -182
  56. package/src/send/ValidateRecipientAccount.tsx +0 -392
  57. package/src/send/ValidateRecipientIntro.test.tsx +0 -61
  58. package/src/send/ValidateRecipientIntro.tsx +0 -136
  59. package/src/send/__snapshots__/ValidateRecipientAccount.test.tsx.snap +0 -777
package/src/send/__snapshots__/ValidateRecipientAccount.test.tsx.snap DELETED
@@ -1,777 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`ValidateRecipientAccount renders correctly when full validation required 1`] = `
4
- [
5
- <RCTScrollView
6
- contentContainerStyle={
7
- {
8
- "flexGrow": 1,
9
- "justifyContent": "space-between",
10
- "paddingHorizontal": 16,
11
- }
12
- }
13
- keyboardShouldPersistTaps="always"
14
- testID="KeyboardAwareScrollView"
15
- >
16
- <View>
17
- <View>
18
- <Text
19
- style={
20
- {
21
- "color": "#2E3338",
22
- "fontFamily": "Inter-Bold",
23
- "fontSize": 20,
24
- "lineHeight": 28,
25
- "paddingVertical": 16,
26
- }
27
- }
28
- testID="ConfirmAccountNumber/Title"
29
- >
30
- confirmAccountNumber.title
31
- </Text>
32
- <View>
33
- <View>
34
- <Text
35
- style={
36
- {
37
- "color": "#2E3338",
38
- "fontFamily": "Inter-Regular",
39
- "fontSize": 16,
40
- "lineHeight": 24,
41
- "paddingBottom": 16,
42
- }
43
- }
44
- >
45
- confirmAccountNumber.body1Full, {"displayName":"Jane Doe"}
46
- </Text>
47
- <Text
48
- style={
49
- {
50
- "color": "#2E3338",
51
- "fontFamily": "Inter-Regular",
52
- "fontSize": 16,
53
- "lineHeight": 24,
54
- "paddingBottom": 16,
55
- }
56
- }
57
- >
58
- confirmAccountNumber.body2Full
59
- </Text>
60
- <Text
61
- style={
62
- {
63
- "color": "#2E3338",
64
- "fontFamily": "Inter-SemiBold",
65
- "fontSize": 14,
66
- "lineHeight": 20,
67
- "paddingVertical": 8,
68
- }
69
- }
70
- >
71
- accountInputHeaderFull
72
- </Text>
73
- <View
74
- style={
75
- [
76
- {
77
- "alignItems": "center",
78
- "backgroundColor": "#FFFFFF",
79
- "flex": 1,
80
- "flexDirection": "row",
81
- "gap": 8,
82
- "justifyContent": "center",
83
- },
84
- {
85
- "backgroundColor": "#FFFFFF",
86
- "borderColor": "#E6E6E6",
87
- "borderRadius": 3,
88
- "borderWidth": 1,
89
- "flex": 0,
90
- "height": 50,
91
- "marginVertical": 5,
92
- },
93
- ]
94
- }
95
- >
96
- <TextInput
97
- onBlur={[Function]}
98
- onChangeText={[Function]}
99
- onFocus={[Function]}
100
- placeholder="0xf1b1d5a6e7728g309c4a025k122d71ad75a61976"
101
- selectionColor="#757575"
102
- shouldShowClipboard={[Function]}
103
- style={
104
- [
105
- {
106
- "color": "#2E3338",
107
- "flex": 1,
108
- "fontFamily": "Inter-Regular",
109
- "fontSize": 16,
110
- "lineHeight": 22,
111
- "paddingHorizontal": 0,
112
- "paddingVertical": 12,
113
- },
114
- undefined,
115
- undefined,
116
- ]
117
- }
118
- testID="ValidateRecipientAccount/TextInput"
119
- value=""
120
- />
121
- </View>
122
- </View>
123
- </View>
124
- <View
125
- style={
126
- {
127
- "height": 64,
128
- }
129
- }
130
- />
131
- <View
132
- style={
133
- [
134
- {
135
- "flexDirection": "row",
136
- },
137
- {
138
- "paddingVertical": 16,
139
- },
140
- ]
141
- }
142
- >
143
- <View
144
- style={
145
- [
146
- {
147
- "overflow": "hidden",
148
- },
149
- {
150
- "borderRadius": 100,
151
- },
152
- ]
153
- }
154
- >
155
- <View
156
- accessibilityState={
157
- {
158
- "busy": undefined,
159
- "checked": undefined,
160
- "disabled": true,
161
- "expanded": undefined,
162
- "selected": undefined,
163
- }
164
- }
165
- accessibilityValue={
166
- {
167
- "max": undefined,
168
- "min": undefined,
169
- "now": undefined,
170
- "text": undefined,
171
- }
172
- }
173
- accessible={true}
174
- focusable={false}
175
- nativeBackgroundAndroid={
176
- {
177
- "attribute": "selectableItemBackground",
178
- "rippleRadius": undefined,
179
- "type": "ThemeAttrAndroid",
180
- }
181
- }
182
- onClick={[Function]}
183
- onResponderGrant={[Function]}
184
- onResponderMove={[Function]}
185
- onResponderRelease={[Function]}
186
- onResponderTerminate={[Function]}
187
- onResponderTerminationRequest={[Function]}
188
- onStartShouldSetResponder={[Function]}
189
- style={
190
- [
191
- {
192
- "alignItems": "center",
193
- "backgroundColor": "#2E3338",
194
- "borderColor": "#2E3338",
195
- "borderRadius": 100,
196
- "borderWidth": 1,
197
- "flexDirection": "row",
198
- "height": 48,
199
- "justifyContent": "center",
200
- "minWidth": 120,
201
- "opacity": 0.25,
202
- "paddingHorizontal": 24,
203
- "paddingVertical": 5,
204
- },
205
- undefined,
206
- ]
207
- }
208
- testID="ConfirmAccountButton"
209
- >
210
- <Text
211
- maxFontSizeMultiplier={1}
212
- style={
213
- {
214
- "color": "#FFFFFF",
215
- "fontFamily": "Inter-SemiBold",
216
- "fontSize": 16,
217
- "lineHeight": 24,
218
- "marginLeft": 0,
219
- "marginRight": 0,
220
- }
221
- }
222
- >
223
- confirmAccountNumber.submit
224
- </Text>
225
- </View>
226
- </View>
227
- </View>
228
- </View>
229
- <View
230
- style={
231
- {
232
- "alignItems": "center",
233
- "flexDirection": "row",
234
- "paddingBottom": 24,
235
- }
236
- }
237
- >
238
- <svg
239
- fill="none"
240
- height={28}
241
- viewBox="0 0 16 16"
242
- width={28}
243
- >
244
- <circle
245
- cx="8"
246
- cy="8"
247
- r="7"
248
- stroke="#2E3338"
249
- strokeWidth="1.25"
250
- />
251
- <path
252
- d="M8 12V7M8 6V5"
253
- stroke="#2E3338"
254
- strokeWidth="1.25"
255
- />
256
- </svg>
257
- <Text
258
- onPress={[Function]}
259
- style={
260
- {
261
- "color": "#2E3338",
262
- "fontFamily": "Inter-Regular",
263
- "fontSize": 14,
264
- "lineHeight": 20,
265
- "paddingLeft": 8,
266
- "textDecorationLine": "underline",
267
- }
268
- }
269
- >
270
- confirmAccountNumber.help, {"displayName":"Jane Doe"}
271
- </Text>
272
- </View>
273
- </View>
274
- </RCTScrollView>,
275
- <View
276
- collapsable={false}
277
- style={
278
- [
279
- {
280
- "bottom": 0,
281
- "left": 0,
282
- "right": 0,
283
- },
284
- {
285
- "height": 0,
286
- },
287
- undefined,
288
- ]
289
- }
290
- />,
291
- ]
292
- `;
293
-
294
- exports[`ValidateRecipientAccount renders correctly when partial validation required 1`] = `
295
- [
296
- <RCTScrollView
297
- contentContainerStyle={
298
- {
299
- "flexGrow": 1,
300
- "justifyContent": "space-between",
301
- "paddingHorizontal": 16,
302
- }
303
- }
304
- keyboardShouldPersistTaps="always"
305
- testID="KeyboardAwareScrollView"
306
- >
307
- <View>
308
- <View>
309
- <Text
310
- style={
311
- {
312
- "color": "#2E3338",
313
- "fontFamily": "Inter-Bold",
314
- "fontSize": 20,
315
- "lineHeight": 28,
316
- "paddingVertical": 16,
317
- }
318
- }
319
- testID="ConfirmAccountNumber/Title"
320
- >
321
- confirmAccountNumber.title
322
- </Text>
323
- <View>
324
- <View>
325
- <Text
326
- style={
327
- {
328
- "color": "#2E3338",
329
- "fontFamily": "Inter-Regular",
330
- "fontSize": 16,
331
- "lineHeight": 24,
332
- "paddingBottom": 16,
333
- }
334
- }
335
- >
336
- confirmAccountNumber.bodyPartial, {"displayName":"Jane Doe"}
337
- </Text>
338
- <Text
339
- style={
340
- {
341
- "color": "#2E3338",
342
- "fontFamily": "Inter-SemiBold",
343
- "fontSize": 14,
344
- "lineHeight": 20,
345
- "paddingVertical": 8,
346
- }
347
- }
348
- >
349
- accountInputHeaderPartial
350
- </Text>
351
- <View
352
- style={
353
- {
354
- "flexDirection": "row",
355
- }
356
- }
357
- >
358
- <View
359
- style={
360
- {
361
- "paddingRight": 8,
362
- }
363
- }
364
- >
365
- <View
366
- style={
367
- [
368
- {
369
- "alignItems": "center",
370
- "backgroundColor": "#FFFFFF",
371
- "flex": 1,
372
- "flexDirection": "row",
373
- "gap": 8,
374
- "justifyContent": "center",
375
- },
376
- {
377
- "backgroundColor": "#FFFFFF",
378
- "borderColor": "#E6E6E6",
379
- "borderRadius": 3,
380
- "borderWidth": 1,
381
- "flex": 0,
382
- "height": 50,
383
- "marginVertical": 5,
384
- "width": 50,
385
- },
386
- ]
387
- }
388
- >
389
- <TextInput
390
- maxLength={1}
391
- multiline={true}
392
- onBlur={[Function]}
393
- onChangeText={[Function]}
394
- onFocus={[Function]}
395
- placeholder="a"
396
- selectionColor="#757575"
397
- style={
398
- [
399
- {
400
- "color": "#2E3338",
401
- "flex": 1,
402
- "fontFamily": "Inter-Regular",
403
- "fontSize": 16,
404
- "lineHeight": 22,
405
- "paddingHorizontal": 0,
406
- "paddingVertical": 12,
407
- },
408
- {
409
- "textAlignVertical": "top",
410
- },
411
- undefined,
412
- ]
413
- }
414
- testID="SingleDigitInput/digit0"
415
- textAlign="center"
416
- value=""
417
- />
418
- </View>
419
- </View>
420
- <View
421
- style={
422
- {
423
- "paddingRight": 8,
424
- }
425
- }
426
- >
427
- <View
428
- style={
429
- [
430
- {
431
- "alignItems": "center",
432
- "backgroundColor": "#FFFFFF",
433
- "flex": 1,
434
- "flexDirection": "row",
435
- "gap": 8,
436
- "justifyContent": "center",
437
- },
438
- {
439
- "backgroundColor": "#FFFFFF",
440
- "borderColor": "#E6E6E6",
441
- "borderRadius": 3,
442
- "borderWidth": 1,
443
- "flex": 0,
444
- "height": 50,
445
- "marginVertical": 5,
446
- "width": 50,
447
- },
448
- ]
449
- }
450
- >
451
- <TextInput
452
- maxLength={1}
453
- multiline={true}
454
- onBlur={[Function]}
455
- onChangeText={[Function]}
456
- onFocus={[Function]}
457
- placeholder="0"
458
- selectionColor="#757575"
459
- style={
460
- [
461
- {
462
- "color": "#2E3338",
463
- "flex": 1,
464
- "fontFamily": "Inter-Regular",
465
- "fontSize": 16,
466
- "lineHeight": 22,
467
- "paddingHorizontal": 0,
468
- "paddingVertical": 12,
469
- },
470
- {
471
- "textAlignVertical": "top",
472
- },
473
- undefined,
474
- ]
475
- }
476
- testID="SingleDigitInput/digit1"
477
- textAlign="center"
478
- value=""
479
- />
480
- </View>
481
- </View>
482
- <View
483
- style={
484
- {
485
- "paddingRight": 8,
486
- }
487
- }
488
- >
489
- <View
490
- style={
491
- [
492
- {
493
- "alignItems": "center",
494
- "backgroundColor": "#FFFFFF",
495
- "flex": 1,
496
- "flexDirection": "row",
497
- "gap": 8,
498
- "justifyContent": "center",
499
- },
500
- {
501
- "backgroundColor": "#FFFFFF",
502
- "borderColor": "#E6E6E6",
503
- "borderRadius": 3,
504
- "borderWidth": 1,
505
- "flex": 0,
506
- "height": 50,
507
- "marginVertical": 5,
508
- "width": 50,
509
- },
510
- ]
511
- }
512
- >
513
- <TextInput
514
- maxLength={1}
515
- multiline={true}
516
- onBlur={[Function]}
517
- onChangeText={[Function]}
518
- onFocus={[Function]}
519
- placeholder="F"
520
- selectionColor="#757575"
521
- style={
522
- [
523
- {
524
- "color": "#2E3338",
525
- "flex": 1,
526
- "fontFamily": "Inter-Regular",
527
- "fontSize": 16,
528
- "lineHeight": 22,
529
- "paddingHorizontal": 0,
530
- "paddingVertical": 12,
531
- },
532
- {
533
- "textAlignVertical": "top",
534
- },
535
- undefined,
536
- ]
537
- }
538
- testID="SingleDigitInput/digit2"
539
- textAlign="center"
540
- value=""
541
- />
542
- </View>
543
- </View>
544
- <View
545
- style={
546
- {
547
- "paddingRight": 8,
548
- }
549
- }
550
- >
551
- <View
552
- style={
553
- [
554
- {
555
- "alignItems": "center",
556
- "backgroundColor": "#FFFFFF",
557
- "flex": 1,
558
- "flexDirection": "row",
559
- "gap": 8,
560
- "justifyContent": "center",
561
- },
562
- {
563
- "backgroundColor": "#FFFFFF",
564
- "borderColor": "#E6E6E6",
565
- "borderRadius": 3,
566
- "borderWidth": 1,
567
- "flex": 0,
568
- "height": 50,
569
- "marginVertical": 5,
570
- "width": 50,
571
- },
572
- ]
573
- }
574
- >
575
- <TextInput
576
- maxLength={1}
577
- multiline={true}
578
- onBlur={[Function]}
579
- onChangeText={[Function]}
580
- onFocus={[Function]}
581
- placeholder="4"
582
- selectionColor="#757575"
583
- style={
584
- [
585
- {
586
- "color": "#2E3338",
587
- "flex": 1,
588
- "fontFamily": "Inter-Regular",
589
- "fontSize": 16,
590
- "lineHeight": 22,
591
- "paddingHorizontal": 0,
592
- "paddingVertical": 12,
593
- },
594
- {
595
- "textAlignVertical": "top",
596
- },
597
- undefined,
598
- ]
599
- }
600
- testID="SingleDigitInput/digit3"
601
- textAlign="center"
602
- value=""
603
- />
604
- </View>
605
- </View>
606
- </View>
607
- </View>
608
- </View>
609
- <View
610
- style={
611
- {
612
- "height": 64,
613
- }
614
- }
615
- />
616
- <View
617
- style={
618
- [
619
- {
620
- "flexDirection": "row",
621
- },
622
- {
623
- "paddingVertical": 16,
624
- },
625
- ]
626
- }
627
- >
628
- <View
629
- style={
630
- [
631
- {
632
- "overflow": "hidden",
633
- },
634
- {
635
- "borderRadius": 100,
636
- },
637
- ]
638
- }
639
- >
640
- <View
641
- accessibilityState={
642
- {
643
- "busy": undefined,
644
- "checked": undefined,
645
- "disabled": true,
646
- "expanded": undefined,
647
- "selected": undefined,
648
- }
649
- }
650
- accessibilityValue={
651
- {
652
- "max": undefined,
653
- "min": undefined,
654
- "now": undefined,
655
- "text": undefined,
656
- }
657
- }
658
- accessible={true}
659
- focusable={false}
660
- nativeBackgroundAndroid={
661
- {
662
- "attribute": "selectableItemBackground",
663
- "rippleRadius": undefined,
664
- "type": "ThemeAttrAndroid",
665
- }
666
- }
667
- onClick={[Function]}
668
- onResponderGrant={[Function]}
669
- onResponderMove={[Function]}
670
- onResponderRelease={[Function]}
671
- onResponderTerminate={[Function]}
672
- onResponderTerminationRequest={[Function]}
673
- onStartShouldSetResponder={[Function]}
674
- style={
675
- [
676
- {
677
- "alignItems": "center",
678
- "backgroundColor": "#2E3338",
679
- "borderColor": "#2E3338",
680
- "borderRadius": 100,
681
- "borderWidth": 1,
682
- "flexDirection": "row",
683
- "height": 48,
684
- "justifyContent": "center",
685
- "minWidth": 120,
686
- "opacity": 0.25,
687
- "paddingHorizontal": 24,
688
- "paddingVertical": 5,
689
- },
690
- undefined,
691
- ]
692
- }
693
- testID="ConfirmAccountButton"
694
- >
695
- <Text
696
- maxFontSizeMultiplier={1}
697
- style={
698
- {
699
- "color": "#FFFFFF",
700
- "fontFamily": "Inter-SemiBold",
701
- "fontSize": 16,
702
- "lineHeight": 24,
703
- "marginLeft": 0,
704
- "marginRight": 0,
705
- }
706
- }
707
- >
708
- confirmAccountNumber.submit
709
- </Text>
710
- </View>
711
- </View>
712
- </View>
713
- </View>
714
- <View
715
- style={
716
- {
717
- "alignItems": "center",
718
- "flexDirection": "row",
719
- "paddingBottom": 24,
720
- }
721
- }
722
- >
723
- <svg
724
- fill="none"
725
- height={28}
726
- viewBox="0 0 16 16"
727
- width={28}
728
- >
729
- <circle
730
- cx="8"
731
- cy="8"
732
- r="7"
733
- stroke="#2E3338"
734
- strokeWidth="1.25"
735
- />
736
- <path
737
- d="M8 12V7M8 6V5"
738
- stroke="#2E3338"
739
- strokeWidth="1.25"
740
- />
741
- </svg>
742
- <Text
743
- onPress={[Function]}
744
- style={
745
- {
746
- "color": "#2E3338",
747
- "fontFamily": "Inter-Regular",
748
- "fontSize": 14,
749
- "lineHeight": 20,
750
- "paddingLeft": 8,
751
- "textDecorationLine": "underline",
752
- }
753
- }
754
- >
755
- confirmAccountNumber.help, {"displayName":"Jane Doe"}
756
- </Text>
757
- </View>
758
- </View>
759
- </RCTScrollView>,
760
- <View
761
- collapsable={false}
762
- style={
763
- [
764
- {
765
- "bottom": 0,
766
- "left": 0,
767
- "right": 0,
768
- },
769
- {
770
- "height": 0,
771
- },
772
- undefined,
773
- ]
774
- }
775
- />,
776
- ]
777
- `;