stream-chat-react-native-core 9.0.0-beta.2 → 9.0.0-beta.3
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.
- package/lib/commonjs/components/Message/MessageItemView/MessageBubble.js +7 -23
- package/lib/commonjs/components/Message/MessageItemView/MessageBubble.js.map +1 -1
- package/lib/commonjs/components/Message/MessageItemView/MessageContent.js +2 -8
- package/lib/commonjs/components/Message/MessageItemView/MessageContent.js.map +1 -1
- package/lib/commonjs/components/Message/MessageItemView/MessageItemView.js +41 -66
- package/lib/commonjs/components/Message/MessageItemView/MessageItemView.js.map +1 -1
- package/lib/commonjs/version.json +1 -1
- package/lib/module/components/Message/MessageItemView/MessageBubble.js +7 -23
- package/lib/module/components/Message/MessageItemView/MessageBubble.js.map +1 -1
- package/lib/module/components/Message/MessageItemView/MessageContent.js +2 -8
- package/lib/module/components/Message/MessageItemView/MessageContent.js.map +1 -1
- package/lib/module/components/Message/MessageItemView/MessageItemView.js +41 -66
- package/lib/module/components/Message/MessageItemView/MessageItemView.js.map +1 -1
- package/lib/module/version.json +1 -1
- package/lib/typescript/components/Message/MessageItemView/MessageBubble.d.ts +8 -7
- package/lib/typescript/components/Message/MessageItemView/MessageBubble.d.ts.map +1 -1
- package/lib/typescript/components/Message/MessageItemView/MessageContent.d.ts +1 -2
- package/lib/typescript/components/Message/MessageItemView/MessageContent.d.ts.map +1 -1
- package/lib/typescript/components/Message/MessageItemView/MessageItemView.d.ts +1 -10
- package/lib/typescript/components/Message/MessageItemView/MessageItemView.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Message/MessageItemView/MessageBubble.tsx +103 -129
- package/src/components/Message/MessageItemView/MessageContent.tsx +3 -23
- package/src/components/Message/MessageItemView/MessageItemView.tsx +59 -85
- package/src/components/Message/MessageItemView/__tests__/MessageContent.test.js +2 -13
- package/src/components/Message/MessageItemView/__tests__/MessageItemView.test.js +14 -0
- package/src/components/Message/MessageItemView/__tests__/ReactionListTop.test.js +0 -3
- package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap +369 -381
- package/src/version.json +1 -1
|
@@ -370,101 +370,99 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
370
370
|
<View>
|
|
371
371
|
<View>
|
|
372
372
|
<View
|
|
373
|
-
|
|
373
|
+
collapsable={false}
|
|
374
|
+
hitSlop={
|
|
375
|
+
{
|
|
376
|
+
"left": 750,
|
|
377
|
+
"right": 750,
|
|
378
|
+
}
|
|
379
|
+
}
|
|
374
380
|
style={
|
|
375
381
|
{
|
|
376
|
-
"alignItems": "
|
|
382
|
+
"alignItems": "center",
|
|
377
383
|
"flexDirection": "row",
|
|
378
|
-
"
|
|
379
|
-
"paddingVertical": 8,
|
|
384
|
+
"zIndex": 1,
|
|
380
385
|
}
|
|
381
386
|
}
|
|
382
|
-
testID="message-item-view-wrapper"
|
|
383
387
|
>
|
|
384
388
|
<View
|
|
385
|
-
|
|
386
|
-
|
|
389
|
+
pointerEvents="box-none"
|
|
390
|
+
style={
|
|
391
|
+
{
|
|
392
|
+
"alignItems": "flex-end",
|
|
393
|
+
"flexDirection": "row",
|
|
394
|
+
"gap": 8,
|
|
395
|
+
"paddingVertical": 8,
|
|
396
|
+
"width": "100%",
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
testID="message-item-view-wrapper"
|
|
387
400
|
>
|
|
388
401
|
<View
|
|
389
|
-
|
|
402
|
+
style={{}}
|
|
403
|
+
testID="message-author"
|
|
390
404
|
>
|
|
391
405
|
<View
|
|
392
|
-
|
|
393
|
-
[
|
|
394
|
-
{
|
|
395
|
-
"alignItems": "center",
|
|
396
|
-
"borderRadius": 9999,
|
|
397
|
-
"justifyContent": "center",
|
|
398
|
-
"overflow": "hidden",
|
|
399
|
-
},
|
|
400
|
-
{
|
|
401
|
-
"height": 32,
|
|
402
|
-
"width": 32,
|
|
403
|
-
},
|
|
404
|
-
{
|
|
405
|
-
"backgroundColor": "#fcd579",
|
|
406
|
-
},
|
|
407
|
-
{
|
|
408
|
-
"borderColor": "rgba(26, 27, 37, 0.1)",
|
|
409
|
-
"borderWidth": 1,
|
|
410
|
-
},
|
|
411
|
-
undefined,
|
|
412
|
-
]
|
|
413
|
-
}
|
|
414
|
-
testID="avatar-image"
|
|
406
|
+
testID="user-avatar"
|
|
415
407
|
>
|
|
416
|
-
<
|
|
417
|
-
onError={[Function]}
|
|
418
|
-
source={
|
|
419
|
-
{
|
|
420
|
-
"uri": "https://i.imgur.com/LuuGvh0.png",
|
|
421
|
-
}
|
|
422
|
-
}
|
|
408
|
+
<View
|
|
423
409
|
style={
|
|
424
410
|
[
|
|
425
|
-
{
|
|
411
|
+
{
|
|
412
|
+
"alignItems": "center",
|
|
413
|
+
"borderRadius": 9999,
|
|
414
|
+
"justifyContent": "center",
|
|
415
|
+
"overflow": "hidden",
|
|
416
|
+
},
|
|
426
417
|
{
|
|
427
418
|
"height": 32,
|
|
428
419
|
"width": 32,
|
|
429
420
|
},
|
|
421
|
+
{
|
|
422
|
+
"backgroundColor": "#fcd579",
|
|
423
|
+
},
|
|
424
|
+
{
|
|
425
|
+
"borderColor": "rgba(26, 27, 37, 0.1)",
|
|
426
|
+
"borderWidth": 1,
|
|
427
|
+
},
|
|
428
|
+
undefined,
|
|
430
429
|
]
|
|
431
430
|
}
|
|
432
|
-
|
|
431
|
+
testID="avatar-image"
|
|
432
|
+
>
|
|
433
|
+
<Image
|
|
434
|
+
onError={[Function]}
|
|
435
|
+
source={
|
|
436
|
+
{
|
|
437
|
+
"uri": "https://i.imgur.com/LuuGvh0.png",
|
|
438
|
+
}
|
|
439
|
+
}
|
|
440
|
+
style={
|
|
441
|
+
[
|
|
442
|
+
{},
|
|
443
|
+
{
|
|
444
|
+
"height": 32,
|
|
445
|
+
"width": 32,
|
|
446
|
+
},
|
|
447
|
+
]
|
|
448
|
+
}
|
|
449
|
+
/>
|
|
450
|
+
</View>
|
|
433
451
|
</View>
|
|
434
452
|
</View>
|
|
435
|
-
</View>
|
|
436
|
-
<View
|
|
437
|
-
style={
|
|
438
|
-
[
|
|
439
|
-
{
|
|
440
|
-
"gap": 4,
|
|
441
|
-
},
|
|
442
|
-
{
|
|
443
|
-
"alignItems": "flex-start",
|
|
444
|
-
},
|
|
445
|
-
{},
|
|
446
|
-
]
|
|
447
|
-
}
|
|
448
|
-
testID="message-components"
|
|
449
|
-
>
|
|
450
453
|
<View
|
|
451
|
-
collapsable={false}
|
|
452
|
-
hitSlop={
|
|
453
|
-
{
|
|
454
|
-
"left": 750,
|
|
455
|
-
"right": 750,
|
|
456
|
-
}
|
|
457
|
-
}
|
|
458
454
|
style={
|
|
459
455
|
[
|
|
460
456
|
{
|
|
461
|
-
"
|
|
462
|
-
|
|
463
|
-
|
|
457
|
+
"gap": 4,
|
|
458
|
+
},
|
|
459
|
+
{
|
|
460
|
+
"alignItems": "flex-start",
|
|
464
461
|
},
|
|
465
462
|
{},
|
|
466
463
|
]
|
|
467
464
|
}
|
|
465
|
+
testID="message-components"
|
|
468
466
|
>
|
|
469
467
|
<View
|
|
470
468
|
style={{}}
|
|
@@ -516,7 +514,6 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
516
514
|
style={{}}
|
|
517
515
|
>
|
|
518
516
|
<View
|
|
519
|
-
onLayout={[Function]}
|
|
520
517
|
style={{}}
|
|
521
518
|
>
|
|
522
519
|
<View
|
|
@@ -608,44 +605,44 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
608
605
|
</View>
|
|
609
606
|
</View>
|
|
610
607
|
</View>
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
style={
|
|
614
|
-
{
|
|
615
|
-
"marginTop": -4,
|
|
616
|
-
}
|
|
617
|
-
}
|
|
618
|
-
/>
|
|
619
|
-
<View
|
|
620
|
-
style={
|
|
621
|
-
[
|
|
608
|
+
<View
|
|
609
|
+
style={
|
|
622
610
|
{
|
|
623
|
-
"
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
},
|
|
629
|
-
{},
|
|
630
|
-
]
|
|
631
|
-
}
|
|
632
|
-
testID="message-status-time"
|
|
633
|
-
>
|
|
634
|
-
<Text
|
|
611
|
+
"marginTop": -4,
|
|
612
|
+
}
|
|
613
|
+
}
|
|
614
|
+
/>
|
|
615
|
+
<View
|
|
635
616
|
style={
|
|
636
617
|
[
|
|
637
618
|
{
|
|
638
|
-
"
|
|
639
|
-
"
|
|
640
|
-
"
|
|
641
|
-
"
|
|
619
|
+
"alignItems": "center",
|
|
620
|
+
"flexDirection": "row",
|
|
621
|
+
"gap": 8,
|
|
622
|
+
"justifyContent": "center",
|
|
623
|
+
"paddingVertical": 4,
|
|
642
624
|
},
|
|
643
625
|
{},
|
|
644
626
|
]
|
|
645
627
|
}
|
|
628
|
+
testID="message-status-time"
|
|
646
629
|
>
|
|
647
|
-
|
|
648
|
-
|
|
630
|
+
<Text
|
|
631
|
+
style={
|
|
632
|
+
[
|
|
633
|
+
{
|
|
634
|
+
"color": "#687385",
|
|
635
|
+
"fontSize": 13,
|
|
636
|
+
"fontWeight": 400,
|
|
637
|
+
"lineHeight": 16,
|
|
638
|
+
},
|
|
639
|
+
{},
|
|
640
|
+
]
|
|
641
|
+
}
|
|
642
|
+
>
|
|
643
|
+
Edited
|
|
644
|
+
</Text>
|
|
645
|
+
</View>
|
|
649
646
|
</View>
|
|
650
647
|
</View>
|
|
651
648
|
</View>
|
|
@@ -697,101 +694,99 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
697
694
|
<View>
|
|
698
695
|
<View>
|
|
699
696
|
<View
|
|
700
|
-
|
|
697
|
+
collapsable={false}
|
|
698
|
+
hitSlop={
|
|
699
|
+
{
|
|
700
|
+
"left": 750,
|
|
701
|
+
"right": 750,
|
|
702
|
+
}
|
|
703
|
+
}
|
|
701
704
|
style={
|
|
702
705
|
{
|
|
703
|
-
"alignItems": "
|
|
706
|
+
"alignItems": "center",
|
|
704
707
|
"flexDirection": "row",
|
|
705
|
-
"
|
|
706
|
-
"paddingVertical": 8,
|
|
708
|
+
"zIndex": 1,
|
|
707
709
|
}
|
|
708
710
|
}
|
|
709
|
-
testID="message-item-view-wrapper"
|
|
710
711
|
>
|
|
711
712
|
<View
|
|
712
|
-
|
|
713
|
-
|
|
713
|
+
pointerEvents="box-none"
|
|
714
|
+
style={
|
|
715
|
+
{
|
|
716
|
+
"alignItems": "flex-end",
|
|
717
|
+
"flexDirection": "row",
|
|
718
|
+
"gap": 8,
|
|
719
|
+
"paddingVertical": 8,
|
|
720
|
+
"width": "100%",
|
|
721
|
+
}
|
|
722
|
+
}
|
|
723
|
+
testID="message-item-view-wrapper"
|
|
714
724
|
>
|
|
715
725
|
<View
|
|
716
|
-
|
|
726
|
+
style={{}}
|
|
727
|
+
testID="message-author"
|
|
717
728
|
>
|
|
718
729
|
<View
|
|
719
|
-
|
|
720
|
-
[
|
|
721
|
-
{
|
|
722
|
-
"alignItems": "center",
|
|
723
|
-
"borderRadius": 9999,
|
|
724
|
-
"justifyContent": "center",
|
|
725
|
-
"overflow": "hidden",
|
|
726
|
-
},
|
|
727
|
-
{
|
|
728
|
-
"height": 32,
|
|
729
|
-
"width": 32,
|
|
730
|
-
},
|
|
731
|
-
{
|
|
732
|
-
"backgroundColor": "#8febbd",
|
|
733
|
-
},
|
|
734
|
-
{
|
|
735
|
-
"borderColor": "rgba(26, 27, 37, 0.1)",
|
|
736
|
-
"borderWidth": 1,
|
|
737
|
-
},
|
|
738
|
-
undefined,
|
|
739
|
-
]
|
|
740
|
-
}
|
|
741
|
-
testID="avatar-image"
|
|
730
|
+
testID="user-avatar"
|
|
742
731
|
>
|
|
743
|
-
<
|
|
744
|
-
onError={[Function]}
|
|
745
|
-
source={
|
|
746
|
-
{
|
|
747
|
-
"uri": "https://i.imgur.com/spueyAP.png",
|
|
748
|
-
}
|
|
749
|
-
}
|
|
732
|
+
<View
|
|
750
733
|
style={
|
|
751
734
|
[
|
|
752
|
-
{
|
|
735
|
+
{
|
|
736
|
+
"alignItems": "center",
|
|
737
|
+
"borderRadius": 9999,
|
|
738
|
+
"justifyContent": "center",
|
|
739
|
+
"overflow": "hidden",
|
|
740
|
+
},
|
|
753
741
|
{
|
|
754
742
|
"height": 32,
|
|
755
743
|
"width": 32,
|
|
756
744
|
},
|
|
745
|
+
{
|
|
746
|
+
"backgroundColor": "#8febbd",
|
|
747
|
+
},
|
|
748
|
+
{
|
|
749
|
+
"borderColor": "rgba(26, 27, 37, 0.1)",
|
|
750
|
+
"borderWidth": 1,
|
|
751
|
+
},
|
|
752
|
+
undefined,
|
|
757
753
|
]
|
|
758
754
|
}
|
|
759
|
-
|
|
755
|
+
testID="avatar-image"
|
|
756
|
+
>
|
|
757
|
+
<Image
|
|
758
|
+
onError={[Function]}
|
|
759
|
+
source={
|
|
760
|
+
{
|
|
761
|
+
"uri": "https://i.imgur.com/spueyAP.png",
|
|
762
|
+
}
|
|
763
|
+
}
|
|
764
|
+
style={
|
|
765
|
+
[
|
|
766
|
+
{},
|
|
767
|
+
{
|
|
768
|
+
"height": 32,
|
|
769
|
+
"width": 32,
|
|
770
|
+
},
|
|
771
|
+
]
|
|
772
|
+
}
|
|
773
|
+
/>
|
|
774
|
+
</View>
|
|
760
775
|
</View>
|
|
761
776
|
</View>
|
|
762
|
-
</View>
|
|
763
|
-
<View
|
|
764
|
-
style={
|
|
765
|
-
[
|
|
766
|
-
{
|
|
767
|
-
"gap": 4,
|
|
768
|
-
},
|
|
769
|
-
{
|
|
770
|
-
"alignItems": "flex-start",
|
|
771
|
-
},
|
|
772
|
-
{},
|
|
773
|
-
]
|
|
774
|
-
}
|
|
775
|
-
testID="message-components"
|
|
776
|
-
>
|
|
777
777
|
<View
|
|
778
|
-
collapsable={false}
|
|
779
|
-
hitSlop={
|
|
780
|
-
{
|
|
781
|
-
"left": 750,
|
|
782
|
-
"right": 750,
|
|
783
|
-
}
|
|
784
|
-
}
|
|
785
778
|
style={
|
|
786
779
|
[
|
|
787
780
|
{
|
|
788
|
-
"
|
|
789
|
-
|
|
790
|
-
|
|
781
|
+
"gap": 4,
|
|
782
|
+
},
|
|
783
|
+
{
|
|
784
|
+
"alignItems": "flex-start",
|
|
791
785
|
},
|
|
792
786
|
{},
|
|
793
787
|
]
|
|
794
788
|
}
|
|
789
|
+
testID="message-components"
|
|
795
790
|
>
|
|
796
791
|
<View
|
|
797
792
|
style={{}}
|
|
@@ -843,7 +838,6 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
843
838
|
style={{}}
|
|
844
839
|
>
|
|
845
840
|
<View
|
|
846
|
-
onLayout={[Function]}
|
|
847
841
|
style={{}}
|
|
848
842
|
>
|
|
849
843
|
<View
|
|
@@ -935,44 +929,44 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
935
929
|
</View>
|
|
936
930
|
</View>
|
|
937
931
|
</View>
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
style={
|
|
941
|
-
{
|
|
942
|
-
"marginTop": -4,
|
|
943
|
-
}
|
|
944
|
-
}
|
|
945
|
-
/>
|
|
946
|
-
<View
|
|
947
|
-
style={
|
|
948
|
-
[
|
|
932
|
+
<View
|
|
933
|
+
style={
|
|
949
934
|
{
|
|
950
|
-
"
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
},
|
|
956
|
-
{},
|
|
957
|
-
]
|
|
958
|
-
}
|
|
959
|
-
testID="message-status-time"
|
|
960
|
-
>
|
|
961
|
-
<Text
|
|
935
|
+
"marginTop": -4,
|
|
936
|
+
}
|
|
937
|
+
}
|
|
938
|
+
/>
|
|
939
|
+
<View
|
|
962
940
|
style={
|
|
963
941
|
[
|
|
964
942
|
{
|
|
965
|
-
"
|
|
966
|
-
"
|
|
967
|
-
"
|
|
968
|
-
"
|
|
943
|
+
"alignItems": "center",
|
|
944
|
+
"flexDirection": "row",
|
|
945
|
+
"gap": 8,
|
|
946
|
+
"justifyContent": "center",
|
|
947
|
+
"paddingVertical": 4,
|
|
969
948
|
},
|
|
970
949
|
{},
|
|
971
950
|
]
|
|
972
951
|
}
|
|
952
|
+
testID="message-status-time"
|
|
973
953
|
>
|
|
974
|
-
|
|
975
|
-
|
|
954
|
+
<Text
|
|
955
|
+
style={
|
|
956
|
+
[
|
|
957
|
+
{
|
|
958
|
+
"color": "#687385",
|
|
959
|
+
"fontSize": 13,
|
|
960
|
+
"fontWeight": 400,
|
|
961
|
+
"lineHeight": 16,
|
|
962
|
+
},
|
|
963
|
+
{},
|
|
964
|
+
]
|
|
965
|
+
}
|
|
966
|
+
>
|
|
967
|
+
Edited
|
|
968
|
+
</Text>
|
|
969
|
+
</View>
|
|
976
970
|
</View>
|
|
977
971
|
</View>
|
|
978
972
|
</View>
|
|
@@ -1057,101 +1051,99 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
1057
1051
|
<View>
|
|
1058
1052
|
<View>
|
|
1059
1053
|
<View
|
|
1060
|
-
|
|
1054
|
+
collapsable={false}
|
|
1055
|
+
hitSlop={
|
|
1056
|
+
{
|
|
1057
|
+
"left": 750,
|
|
1058
|
+
"right": 750,
|
|
1059
|
+
}
|
|
1060
|
+
}
|
|
1061
1061
|
style={
|
|
1062
1062
|
{
|
|
1063
|
-
"alignItems": "
|
|
1063
|
+
"alignItems": "center",
|
|
1064
1064
|
"flexDirection": "row",
|
|
1065
|
-
"
|
|
1066
|
-
"paddingVertical": 8,
|
|
1065
|
+
"zIndex": 1,
|
|
1067
1066
|
}
|
|
1068
1067
|
}
|
|
1069
|
-
testID="message-item-view-wrapper"
|
|
1070
1068
|
>
|
|
1071
1069
|
<View
|
|
1072
|
-
|
|
1073
|
-
|
|
1070
|
+
pointerEvents="box-none"
|
|
1071
|
+
style={
|
|
1072
|
+
{
|
|
1073
|
+
"alignItems": "flex-end",
|
|
1074
|
+
"flexDirection": "row",
|
|
1075
|
+
"gap": 8,
|
|
1076
|
+
"paddingVertical": 8,
|
|
1077
|
+
"width": "100%",
|
|
1078
|
+
}
|
|
1079
|
+
}
|
|
1080
|
+
testID="message-item-view-wrapper"
|
|
1074
1081
|
>
|
|
1075
1082
|
<View
|
|
1076
|
-
|
|
1083
|
+
style={{}}
|
|
1084
|
+
testID="message-author"
|
|
1077
1085
|
>
|
|
1078
1086
|
<View
|
|
1079
|
-
|
|
1080
|
-
[
|
|
1081
|
-
{
|
|
1082
|
-
"alignItems": "center",
|
|
1083
|
-
"borderRadius": 9999,
|
|
1084
|
-
"justifyContent": "center",
|
|
1085
|
-
"overflow": "hidden",
|
|
1086
|
-
},
|
|
1087
|
-
{
|
|
1088
|
-
"height": 32,
|
|
1089
|
-
"width": 32,
|
|
1090
|
-
},
|
|
1091
|
-
{
|
|
1092
|
-
"backgroundColor": "#fcd579",
|
|
1093
|
-
},
|
|
1094
|
-
{
|
|
1095
|
-
"borderColor": "rgba(26, 27, 37, 0.1)",
|
|
1096
|
-
"borderWidth": 1,
|
|
1097
|
-
},
|
|
1098
|
-
undefined,
|
|
1099
|
-
]
|
|
1100
|
-
}
|
|
1101
|
-
testID="avatar-image"
|
|
1087
|
+
testID="user-avatar"
|
|
1102
1088
|
>
|
|
1103
|
-
<
|
|
1104
|
-
onError={[Function]}
|
|
1105
|
-
source={
|
|
1106
|
-
{
|
|
1107
|
-
"uri": "https://i.imgur.com/LuuGvh0.png",
|
|
1108
|
-
}
|
|
1109
|
-
}
|
|
1089
|
+
<View
|
|
1110
1090
|
style={
|
|
1111
1091
|
[
|
|
1112
|
-
{
|
|
1092
|
+
{
|
|
1093
|
+
"alignItems": "center",
|
|
1094
|
+
"borderRadius": 9999,
|
|
1095
|
+
"justifyContent": "center",
|
|
1096
|
+
"overflow": "hidden",
|
|
1097
|
+
},
|
|
1113
1098
|
{
|
|
1114
1099
|
"height": 32,
|
|
1115
1100
|
"width": 32,
|
|
1116
1101
|
},
|
|
1102
|
+
{
|
|
1103
|
+
"backgroundColor": "#fcd579",
|
|
1104
|
+
},
|
|
1105
|
+
{
|
|
1106
|
+
"borderColor": "rgba(26, 27, 37, 0.1)",
|
|
1107
|
+
"borderWidth": 1,
|
|
1108
|
+
},
|
|
1109
|
+
undefined,
|
|
1117
1110
|
]
|
|
1118
1111
|
}
|
|
1119
|
-
|
|
1112
|
+
testID="avatar-image"
|
|
1113
|
+
>
|
|
1114
|
+
<Image
|
|
1115
|
+
onError={[Function]}
|
|
1116
|
+
source={
|
|
1117
|
+
{
|
|
1118
|
+
"uri": "https://i.imgur.com/LuuGvh0.png",
|
|
1119
|
+
}
|
|
1120
|
+
}
|
|
1121
|
+
style={
|
|
1122
|
+
[
|
|
1123
|
+
{},
|
|
1124
|
+
{
|
|
1125
|
+
"height": 32,
|
|
1126
|
+
"width": 32,
|
|
1127
|
+
},
|
|
1128
|
+
]
|
|
1129
|
+
}
|
|
1130
|
+
/>
|
|
1131
|
+
</View>
|
|
1120
1132
|
</View>
|
|
1121
1133
|
</View>
|
|
1122
|
-
</View>
|
|
1123
|
-
<View
|
|
1124
|
-
style={
|
|
1125
|
-
[
|
|
1126
|
-
{
|
|
1127
|
-
"gap": 4,
|
|
1128
|
-
},
|
|
1129
|
-
{
|
|
1130
|
-
"alignItems": "flex-start",
|
|
1131
|
-
},
|
|
1132
|
-
{},
|
|
1133
|
-
]
|
|
1134
|
-
}
|
|
1135
|
-
testID="message-components"
|
|
1136
|
-
>
|
|
1137
1134
|
<View
|
|
1138
|
-
collapsable={false}
|
|
1139
|
-
hitSlop={
|
|
1140
|
-
{
|
|
1141
|
-
"left": 750,
|
|
1142
|
-
"right": 750,
|
|
1143
|
-
}
|
|
1144
|
-
}
|
|
1145
1135
|
style={
|
|
1146
1136
|
[
|
|
1147
1137
|
{
|
|
1148
|
-
"
|
|
1149
|
-
|
|
1150
|
-
|
|
1138
|
+
"gap": 4,
|
|
1139
|
+
},
|
|
1140
|
+
{
|
|
1141
|
+
"alignItems": "flex-start",
|
|
1151
1142
|
},
|
|
1152
1143
|
{},
|
|
1153
1144
|
]
|
|
1154
1145
|
}
|
|
1146
|
+
testID="message-components"
|
|
1155
1147
|
>
|
|
1156
1148
|
<View
|
|
1157
1149
|
style={{}}
|
|
@@ -1203,7 +1195,6 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
1203
1195
|
style={{}}
|
|
1204
1196
|
>
|
|
1205
1197
|
<View
|
|
1206
|
-
onLayout={[Function]}
|
|
1207
1198
|
style={{}}
|
|
1208
1199
|
>
|
|
1209
1200
|
<View
|
|
@@ -1295,44 +1286,44 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
1295
1286
|
</View>
|
|
1296
1287
|
</View>
|
|
1297
1288
|
</View>
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
style={
|
|
1301
|
-
{
|
|
1302
|
-
"marginTop": -4,
|
|
1303
|
-
}
|
|
1304
|
-
}
|
|
1305
|
-
/>
|
|
1306
|
-
<View
|
|
1307
|
-
style={
|
|
1308
|
-
[
|
|
1289
|
+
<View
|
|
1290
|
+
style={
|
|
1309
1291
|
{
|
|
1310
|
-
"
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
},
|
|
1316
|
-
{},
|
|
1317
|
-
]
|
|
1318
|
-
}
|
|
1319
|
-
testID="message-status-time"
|
|
1320
|
-
>
|
|
1321
|
-
<Text
|
|
1292
|
+
"marginTop": -4,
|
|
1293
|
+
}
|
|
1294
|
+
}
|
|
1295
|
+
/>
|
|
1296
|
+
<View
|
|
1322
1297
|
style={
|
|
1323
1298
|
[
|
|
1324
1299
|
{
|
|
1325
|
-
"
|
|
1326
|
-
"
|
|
1327
|
-
"
|
|
1328
|
-
"
|
|
1300
|
+
"alignItems": "center",
|
|
1301
|
+
"flexDirection": "row",
|
|
1302
|
+
"gap": 8,
|
|
1303
|
+
"justifyContent": "center",
|
|
1304
|
+
"paddingVertical": 4,
|
|
1329
1305
|
},
|
|
1330
1306
|
{},
|
|
1331
1307
|
]
|
|
1332
1308
|
}
|
|
1309
|
+
testID="message-status-time"
|
|
1333
1310
|
>
|
|
1334
|
-
|
|
1335
|
-
|
|
1311
|
+
<Text
|
|
1312
|
+
style={
|
|
1313
|
+
[
|
|
1314
|
+
{
|
|
1315
|
+
"color": "#687385",
|
|
1316
|
+
"fontSize": 13,
|
|
1317
|
+
"fontWeight": 400,
|
|
1318
|
+
"lineHeight": 16,
|
|
1319
|
+
},
|
|
1320
|
+
{},
|
|
1321
|
+
]
|
|
1322
|
+
}
|
|
1323
|
+
>
|
|
1324
|
+
Edited
|
|
1325
|
+
</Text>
|
|
1326
|
+
</View>
|
|
1336
1327
|
</View>
|
|
1337
1328
|
</View>
|
|
1338
1329
|
</View>
|
|
@@ -1374,102 +1365,100 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
1374
1365
|
<View>
|
|
1375
1366
|
<View>
|
|
1376
1367
|
<View
|
|
1377
|
-
|
|
1368
|
+
collapsable={false}
|
|
1369
|
+
hitSlop={
|
|
1370
|
+
{
|
|
1371
|
+
"left": 750,
|
|
1372
|
+
"right": 750,
|
|
1373
|
+
}
|
|
1374
|
+
}
|
|
1378
1375
|
style={
|
|
1379
1376
|
{
|
|
1380
|
-
"alignItems": "
|
|
1377
|
+
"alignItems": "center",
|
|
1381
1378
|
"flexDirection": "row",
|
|
1382
|
-
"
|
|
1383
|
-
"marginBottom": 12,
|
|
1384
|
-
"paddingVertical": 8,
|
|
1379
|
+
"zIndex": 1,
|
|
1385
1380
|
}
|
|
1386
1381
|
}
|
|
1387
|
-
testID="message-item-view-wrapper"
|
|
1388
1382
|
>
|
|
1389
1383
|
<View
|
|
1390
|
-
|
|
1391
|
-
|
|
1384
|
+
pointerEvents="box-none"
|
|
1385
|
+
style={
|
|
1386
|
+
{
|
|
1387
|
+
"alignItems": "flex-end",
|
|
1388
|
+
"flexDirection": "row",
|
|
1389
|
+
"gap": 8,
|
|
1390
|
+
"marginBottom": 12,
|
|
1391
|
+
"paddingVertical": 8,
|
|
1392
|
+
"width": "100%",
|
|
1393
|
+
}
|
|
1394
|
+
}
|
|
1395
|
+
testID="message-item-view-wrapper"
|
|
1392
1396
|
>
|
|
1393
1397
|
<View
|
|
1394
|
-
|
|
1398
|
+
style={{}}
|
|
1399
|
+
testID="message-author"
|
|
1395
1400
|
>
|
|
1396
1401
|
<View
|
|
1397
|
-
|
|
1398
|
-
[
|
|
1399
|
-
{
|
|
1400
|
-
"alignItems": "center",
|
|
1401
|
-
"borderRadius": 9999,
|
|
1402
|
-
"justifyContent": "center",
|
|
1403
|
-
"overflow": "hidden",
|
|
1404
|
-
},
|
|
1405
|
-
{
|
|
1406
|
-
"height": 32,
|
|
1407
|
-
"width": 32,
|
|
1408
|
-
},
|
|
1409
|
-
{
|
|
1410
|
-
"backgroundColor": "#8febbd",
|
|
1411
|
-
},
|
|
1412
|
-
{
|
|
1413
|
-
"borderColor": "rgba(26, 27, 37, 0.1)",
|
|
1414
|
-
"borderWidth": 1,
|
|
1415
|
-
},
|
|
1416
|
-
undefined,
|
|
1417
|
-
]
|
|
1418
|
-
}
|
|
1419
|
-
testID="avatar-image"
|
|
1402
|
+
testID="user-avatar"
|
|
1420
1403
|
>
|
|
1421
|
-
<
|
|
1422
|
-
onError={[Function]}
|
|
1423
|
-
source={
|
|
1424
|
-
{
|
|
1425
|
-
"uri": "https://i.imgur.com/spueyAP.png",
|
|
1426
|
-
}
|
|
1427
|
-
}
|
|
1404
|
+
<View
|
|
1428
1405
|
style={
|
|
1429
1406
|
[
|
|
1430
|
-
{
|
|
1407
|
+
{
|
|
1408
|
+
"alignItems": "center",
|
|
1409
|
+
"borderRadius": 9999,
|
|
1410
|
+
"justifyContent": "center",
|
|
1411
|
+
"overflow": "hidden",
|
|
1412
|
+
},
|
|
1431
1413
|
{
|
|
1432
1414
|
"height": 32,
|
|
1433
1415
|
"width": 32,
|
|
1434
1416
|
},
|
|
1417
|
+
{
|
|
1418
|
+
"backgroundColor": "#8febbd",
|
|
1419
|
+
},
|
|
1420
|
+
{
|
|
1421
|
+
"borderColor": "rgba(26, 27, 37, 0.1)",
|
|
1422
|
+
"borderWidth": 1,
|
|
1423
|
+
},
|
|
1424
|
+
undefined,
|
|
1435
1425
|
]
|
|
1436
1426
|
}
|
|
1437
|
-
|
|
1427
|
+
testID="avatar-image"
|
|
1428
|
+
>
|
|
1429
|
+
<Image
|
|
1430
|
+
onError={[Function]}
|
|
1431
|
+
source={
|
|
1432
|
+
{
|
|
1433
|
+
"uri": "https://i.imgur.com/spueyAP.png",
|
|
1434
|
+
}
|
|
1435
|
+
}
|
|
1436
|
+
style={
|
|
1437
|
+
[
|
|
1438
|
+
{},
|
|
1439
|
+
{
|
|
1440
|
+
"height": 32,
|
|
1441
|
+
"width": 32,
|
|
1442
|
+
},
|
|
1443
|
+
]
|
|
1444
|
+
}
|
|
1445
|
+
/>
|
|
1446
|
+
</View>
|
|
1438
1447
|
</View>
|
|
1439
1448
|
</View>
|
|
1440
|
-
</View>
|
|
1441
|
-
<View
|
|
1442
|
-
style={
|
|
1443
|
-
[
|
|
1444
|
-
{
|
|
1445
|
-
"gap": 4,
|
|
1446
|
-
},
|
|
1447
|
-
{
|
|
1448
|
-
"alignItems": "flex-start",
|
|
1449
|
-
},
|
|
1450
|
-
{},
|
|
1451
|
-
]
|
|
1452
|
-
}
|
|
1453
|
-
testID="message-components"
|
|
1454
|
-
>
|
|
1455
1449
|
<View
|
|
1456
|
-
collapsable={false}
|
|
1457
|
-
hitSlop={
|
|
1458
|
-
{
|
|
1459
|
-
"left": 750,
|
|
1460
|
-
"right": 750,
|
|
1461
|
-
}
|
|
1462
|
-
}
|
|
1463
1450
|
style={
|
|
1464
1451
|
[
|
|
1465
1452
|
{
|
|
1466
|
-
"
|
|
1467
|
-
|
|
1468
|
-
|
|
1453
|
+
"gap": 4,
|
|
1454
|
+
},
|
|
1455
|
+
{
|
|
1456
|
+
"alignItems": "flex-start",
|
|
1469
1457
|
},
|
|
1470
1458
|
{},
|
|
1471
1459
|
]
|
|
1472
1460
|
}
|
|
1461
|
+
testID="message-components"
|
|
1473
1462
|
>
|
|
1474
1463
|
<View
|
|
1475
1464
|
style={{}}
|
|
@@ -1521,7 +1510,6 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
1521
1510
|
style={{}}
|
|
1522
1511
|
>
|
|
1523
1512
|
<View
|
|
1524
|
-
onLayout={[Function]}
|
|
1525
1513
|
style={{}}
|
|
1526
1514
|
>
|
|
1527
1515
|
<View
|
|
@@ -1613,44 +1601,44 @@ exports[`Thread should match thread snapshot 1`] = `
|
|
|
1613
1601
|
</View>
|
|
1614
1602
|
</View>
|
|
1615
1603
|
</View>
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
style={
|
|
1619
|
-
{
|
|
1620
|
-
"marginTop": -4,
|
|
1621
|
-
}
|
|
1622
|
-
}
|
|
1623
|
-
/>
|
|
1624
|
-
<View
|
|
1625
|
-
style={
|
|
1626
|
-
[
|
|
1604
|
+
<View
|
|
1605
|
+
style={
|
|
1627
1606
|
{
|
|
1628
|
-
"
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
|
|
1633
|
-
},
|
|
1634
|
-
{},
|
|
1635
|
-
]
|
|
1636
|
-
}
|
|
1637
|
-
testID="message-status-time"
|
|
1638
|
-
>
|
|
1639
|
-
<Text
|
|
1607
|
+
"marginTop": -4,
|
|
1608
|
+
}
|
|
1609
|
+
}
|
|
1610
|
+
/>
|
|
1611
|
+
<View
|
|
1640
1612
|
style={
|
|
1641
1613
|
[
|
|
1642
1614
|
{
|
|
1643
|
-
"
|
|
1644
|
-
"
|
|
1645
|
-
"
|
|
1646
|
-
"
|
|
1615
|
+
"alignItems": "center",
|
|
1616
|
+
"flexDirection": "row",
|
|
1617
|
+
"gap": 8,
|
|
1618
|
+
"justifyContent": "center",
|
|
1619
|
+
"paddingVertical": 4,
|
|
1647
1620
|
},
|
|
1648
1621
|
{},
|
|
1649
1622
|
]
|
|
1650
1623
|
}
|
|
1624
|
+
testID="message-status-time"
|
|
1651
1625
|
>
|
|
1652
|
-
|
|
1653
|
-
|
|
1626
|
+
<Text
|
|
1627
|
+
style={
|
|
1628
|
+
[
|
|
1629
|
+
{
|
|
1630
|
+
"color": "#687385",
|
|
1631
|
+
"fontSize": 13,
|
|
1632
|
+
"fontWeight": 400,
|
|
1633
|
+
"lineHeight": 16,
|
|
1634
|
+
},
|
|
1635
|
+
{},
|
|
1636
|
+
]
|
|
1637
|
+
}
|
|
1638
|
+
>
|
|
1639
|
+
Edited
|
|
1640
|
+
</Text>
|
|
1641
|
+
</View>
|
|
1654
1642
|
</View>
|
|
1655
1643
|
</View>
|
|
1656
1644
|
</View>
|