stream-chat-react-native-core 6.7.2 → 6.7.3-beta.2

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 (77) hide show
  1. package/lib/commonjs/components/AutoCompleteInput/AutoCompleteInput.js +1 -3
  2. package/lib/commonjs/components/AutoCompleteInput/AutoCompleteInput.js.map +1 -1
  3. package/lib/commonjs/components/Channel/Channel.js +42 -25
  4. package/lib/commonjs/components/Channel/Channel.js.map +1 -1
  5. package/lib/commonjs/components/Message/MessageSimple/MessageSimple.js +70 -54
  6. package/lib/commonjs/components/Message/MessageSimple/MessageSimple.js.map +1 -1
  7. package/lib/commonjs/components/MessageInput/InputButtons.js +18 -15
  8. package/lib/commonjs/components/MessageInput/InputButtons.js.map +1 -1
  9. package/lib/commonjs/components/MessageInput/MessageInput.js +15 -8
  10. package/lib/commonjs/components/MessageInput/MessageInput.js.map +1 -1
  11. package/lib/commonjs/components/MessageInput/MoreOptionsButton.js +2 -2
  12. package/lib/commonjs/components/MessageInput/MoreOptionsButton.js.map +1 -1
  13. package/lib/commonjs/components/MessageList/MessageList.js +0 -1
  14. package/lib/commonjs/components/MessageList/MessageList.js.map +1 -1
  15. package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js +66 -66
  16. package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js.map +1 -1
  17. package/lib/commonjs/contexts/messageInputContext/hooks/useCreateMessageInputContext.js +5 -1
  18. package/lib/commonjs/contexts/messageInputContext/hooks/useCreateMessageInputContext.js.map +1 -1
  19. package/lib/commonjs/contexts/messageInputContext/hooks/useMessageDetailsForState.js +10 -9
  20. package/lib/commonjs/contexts/messageInputContext/hooks/useMessageDetailsForState.js.map +1 -1
  21. package/lib/commonjs/contexts/suggestionsContext/SuggestionsContext.js +23 -14
  22. package/lib/commonjs/contexts/suggestionsContext/SuggestionsContext.js.map +1 -1
  23. package/lib/commonjs/version.json +1 -1
  24. package/lib/module/components/AutoCompleteInput/AutoCompleteInput.js +1 -3
  25. package/lib/module/components/AutoCompleteInput/AutoCompleteInput.js.map +1 -1
  26. package/lib/module/components/Channel/Channel.js +42 -25
  27. package/lib/module/components/Channel/Channel.js.map +1 -1
  28. package/lib/module/components/Message/MessageSimple/MessageSimple.js +70 -54
  29. package/lib/module/components/Message/MessageSimple/MessageSimple.js.map +1 -1
  30. package/lib/module/components/MessageInput/InputButtons.js +18 -15
  31. package/lib/module/components/MessageInput/InputButtons.js.map +1 -1
  32. package/lib/module/components/MessageInput/MessageInput.js +15 -8
  33. package/lib/module/components/MessageInput/MessageInput.js.map +1 -1
  34. package/lib/module/components/MessageInput/MoreOptionsButton.js +2 -2
  35. package/lib/module/components/MessageInput/MoreOptionsButton.js.map +1 -1
  36. package/lib/module/components/MessageList/MessageList.js +0 -1
  37. package/lib/module/components/MessageList/MessageList.js.map +1 -1
  38. package/lib/module/contexts/messageInputContext/MessageInputContext.js +66 -66
  39. package/lib/module/contexts/messageInputContext/MessageInputContext.js.map +1 -1
  40. package/lib/module/contexts/messageInputContext/hooks/useCreateMessageInputContext.js +5 -1
  41. package/lib/module/contexts/messageInputContext/hooks/useCreateMessageInputContext.js.map +1 -1
  42. package/lib/module/contexts/messageInputContext/hooks/useMessageDetailsForState.js +10 -9
  43. package/lib/module/contexts/messageInputContext/hooks/useMessageDetailsForState.js.map +1 -1
  44. package/lib/module/contexts/suggestionsContext/SuggestionsContext.js +23 -14
  45. package/lib/module/contexts/suggestionsContext/SuggestionsContext.js.map +1 -1
  46. package/lib/module/version.json +1 -1
  47. package/lib/typescript/components/AutoCompleteInput/AutoCompleteInput.d.ts +1 -2
  48. package/lib/typescript/components/AutoCompleteInput/AutoCompleteInput.d.ts.map +1 -1
  49. package/lib/typescript/components/Channel/Channel.d.ts.map +1 -1
  50. package/lib/typescript/components/Message/MessageSimple/MessageSimple.d.ts.map +1 -1
  51. package/lib/typescript/components/MessageInput/InputButtons.d.ts +1 -1
  52. package/lib/typescript/components/MessageInput/InputButtons.d.ts.map +1 -1
  53. package/lib/typescript/components/MessageInput/MessageInput.d.ts +1 -1
  54. package/lib/typescript/components/MessageInput/MessageInput.d.ts.map +1 -1
  55. package/lib/typescript/components/MessageList/MessageList.d.ts.map +1 -1
  56. package/lib/typescript/contexts/messageInputContext/MessageInputContext.d.ts +2 -0
  57. package/lib/typescript/contexts/messageInputContext/MessageInputContext.d.ts.map +1 -1
  58. package/lib/typescript/contexts/messageInputContext/hooks/useCreateMessageInputContext.d.ts +1 -1
  59. package/lib/typescript/contexts/messageInputContext/hooks/useCreateMessageInputContext.d.ts.map +1 -1
  60. package/lib/typescript/contexts/messageInputContext/hooks/useMessageDetailsForState.d.ts.map +1 -1
  61. package/lib/typescript/contexts/suggestionsContext/SuggestionsContext.d.ts.map +1 -1
  62. package/package.json +1 -1
  63. package/src/components/AutoCompleteInput/AutoCompleteInput.tsx +17 -21
  64. package/src/components/Channel/Channel.tsx +58 -34
  65. package/src/components/Channel/__tests__/Channel.test.js +8 -3
  66. package/src/components/Message/MessageSimple/MessageSimple.tsx +112 -70
  67. package/src/components/MessageInput/InputButtons.tsx +14 -10
  68. package/src/components/MessageInput/MessageInput.tsx +15 -8
  69. package/src/components/MessageInput/MoreOptionsButton.tsx +1 -1
  70. package/src/components/MessageList/MessageList.tsx +0 -1
  71. package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap +291 -815
  72. package/src/contexts/messageInputContext/MessageInputContext.tsx +20 -16
  73. package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx +1 -2
  74. package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts +6 -0
  75. package/src/contexts/messageInputContext/hooks/useMessageDetailsForState.ts +6 -4
  76. package/src/contexts/suggestionsContext/SuggestionsContext.tsx +33 -14
  77. package/src/version.json +1 -1
package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap CHANGED
@@ -406,254 +406,123 @@ exports[`Thread should match thread snapshot 1`] = `
406
406
  style={
407
407
  [
408
408
  {
409
- "position": "absolute",
410
- },
411
- {
412
- "opacity": undefined,
413
- "transform": [
414
- {
415
- "translateX": undefined,
416
- },
417
- ],
409
+ "alignItems": "center",
410
+ "flexDirection": "row",
418
411
  },
419
412
  {},
420
413
  ]
421
414
  }
422
415
  >
423
416
  <View
424
- style={
425
- [
426
- {
427
- "justifyContent": "center",
428
- "paddingRight": 16,
429
- },
430
- {},
431
- ]
417
+ accessibilityState={
418
+ {
419
+ "busy": undefined,
420
+ "checked": undefined,
421
+ "disabled": undefined,
422
+ "expanded": undefined,
423
+ "selected": undefined,
424
+ }
432
425
  }
433
- >
434
- <RNSVGSvgView
435
- align="xMidYMid"
436
- bbHeight={24}
437
- bbWidth={24}
438
- focusable={false}
439
- height={24}
440
- meetOrSlice={0}
441
- minX={0}
442
- minY={0}
443
- pathFill="#7A7A7A"
444
- style={
445
- [
446
- {
447
- "backgroundColor": "transparent",
448
- "borderWidth": 0,
449
- },
450
- {
451
- "flex": 0,
452
- "height": 24,
453
- "width": 24,
454
- },
455
- ]
426
+ accessibilityValue={
427
+ {
428
+ "max": undefined,
429
+ "min": undefined,
430
+ "now": undefined,
431
+ "text": undefined,
456
432
  }
457
- vbHeight={24}
458
- vbWidth={24}
459
- width={24}
460
- >
461
- <RNSVGGroup
462
- fill={
463
- {
464
- "payload": 4278190080,
465
- "type": 0,
466
- }
467
- }
468
- >
469
- <RNSVGPath
470
- clipRule={0}
471
- d="M4 8a1 1 0 011-1c3.992 0 6.34.122 7.954.459 1.704.355 2.592.95 3.646 1.741a1 1 0 01.058.047c1.036.906 2.14 2 2.974 3.564C20.47 14.38 21 16.36 21 19a1 1 0 11-2 0c0-2.36-.47-4.006-1.132-5.248-.66-1.237-1.544-2.138-2.498-2.975-.929-.695-1.542-1.094-2.824-1.36C11.16 9.126 9.008 9 5 9a1 1 0 01-1-1z"
472
- fill={
473
- {
474
- "payload": 4286216826,
475
- "type": 0,
476
- }
477
- }
478
- fillRule={0}
479
- propList={
480
- [
481
- "fill",
482
- "fillRule",
483
- ]
484
- }
485
- />
486
- <RNSVGPath
487
- clipRule={0}
488
- d="M4.293 8.707a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0z"
489
- fill={
490
- {
491
- "payload": 4286216826,
492
- "type": 0,
493
- }
494
- }
495
- fillRule={0}
496
- propList={
497
- [
498
- "fill",
499
- "fillRule",
500
- ]
501
- }
502
- />
503
- <RNSVGPath
504
- clipRule={0}
505
- d="M4.293 7.293a1 1 0 011.414 0l3 3a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414z"
506
- fill={
507
- {
508
- "payload": 4286216826,
509
- "type": 0,
510
- }
511
- }
512
- fillRule={0}
513
- propList={
514
- [
515
- "fill",
516
- "fillRule",
517
- ]
518
- }
519
- />
520
- </RNSVGGroup>
521
- </RNSVGSvgView>
522
- </View>
523
- </View>
524
- <View
525
- style={
526
- {
527
- "transform": [
528
- {
529
- "translateX": 0,
530
- },
531
- ],
532
433
  }
533
- }
534
- >
535
- <View
434
+ accessible={true}
435
+ collapsable={false}
436
+ focusable={true}
437
+ onBlur={[Function]}
438
+ onClick={[Function]}
439
+ onFocus={[Function]}
440
+ onResponderGrant={[Function]}
441
+ onResponderMove={[Function]}
442
+ onResponderRelease={[Function]}
443
+ onResponderTerminate={[Function]}
444
+ onResponderTerminationRequest={[Function]}
445
+ onStartShouldSetResponder={[Function]}
536
446
  style={
537
447
  [
538
448
  {
539
- "alignItems": "center",
540
- "flexDirection": "row",
449
+ "opacity": 1,
541
450
  },
542
451
  {},
543
452
  ]
544
453
  }
545
454
  >
546
455
  <View
547
- accessibilityState={
548
- {
549
- "busy": undefined,
550
- "checked": undefined,
551
- "disabled": undefined,
552
- "expanded": undefined,
553
- "selected": undefined,
554
- }
555
- }
556
- accessibilityValue={
557
- {
558
- "max": undefined,
559
- "min": undefined,
560
- "now": undefined,
561
- "text": undefined,
562
- }
563
- }
564
- accessible={true}
565
- collapsable={false}
566
- focusable={true}
567
- onBlur={[Function]}
568
- onClick={[Function]}
569
- onFocus={[Function]}
570
- onResponderGrant={[Function]}
571
- onResponderMove={[Function]}
572
- onResponderRelease={[Function]}
573
- onResponderTerminate={[Function]}
574
- onResponderTerminationRequest={[Function]}
575
- onStartShouldSetResponder={[Function]}
576
- style={
577
- [
578
- {
579
- "opacity": 1,
580
- },
581
- {},
582
- ]
583
- }
456
+ onLayout={[Function]}
457
+ style={{}}
584
458
  >
585
459
  <View
586
- onLayout={[Function]}
587
- style={{}}
460
+ style={
461
+ [
462
+ {
463
+ "borderTopLeftRadius": 16,
464
+ "borderTopRightRadius": 16,
465
+ "borderWidth": 1,
466
+ "overflow": "hidden",
467
+ },
468
+ {
469
+ "backgroundColor": "#E9EAED",
470
+ "borderBottomLeftRadius": 0,
471
+ "borderBottomRightRadius": 16,
472
+ "borderColor": "#ECEBEB",
473
+ },
474
+ {},
475
+ {},
476
+ {},
477
+ ]
478
+ }
479
+ testID="message-content-wrapper"
588
480
  >
589
481
  <View
590
482
  style={
591
483
  [
592
484
  {
593
- "borderTopLeftRadius": 16,
594
- "borderTopRightRadius": 16,
595
- "borderWidth": 1,
596
- "overflow": "hidden",
597
- },
598
- {
599
- "backgroundColor": "#E9EAED",
600
- "borderBottomLeftRadius": 0,
601
- "borderBottomRightRadius": 16,
602
- "borderColor": "#ECEBEB",
485
+ "maxWidth": 250,
486
+ "paddingHorizontal": 16,
603
487
  },
604
488
  {},
605
- {},
606
- {},
489
+ undefined,
607
490
  ]
608
491
  }
609
- testID="message-content-wrapper"
492
+ testID="message-text-container"
610
493
  >
611
494
  <View
612
495
  style={
613
496
  [
614
497
  {
615
- "maxWidth": 250,
616
- "paddingHorizontal": 16,
498
+ "alignSelf": "stretch",
617
499
  },
618
- {},
619
500
  undefined,
620
501
  ]
621
502
  }
622
- testID="message-text-container"
623
503
  >
624
- <View
504
+ <Text
625
505
  style={
626
- [
627
- {
628
- "alignSelf": "stretch",
629
- },
630
- undefined,
631
- ]
506
+ {
507
+ "alignItems": "flex-start",
508
+ "flexDirection": "row",
509
+ "flexWrap": "wrap",
510
+ "justifyContent": "flex-start",
511
+ "marginBottom": 8,
512
+ "marginTop": 8,
513
+ }
632
514
  }
633
515
  >
634
516
  <Text
635
517
  style={
636
518
  {
637
- "alignItems": "flex-start",
638
- "flexDirection": "row",
639
- "flexWrap": "wrap",
640
- "justifyContent": "flex-start",
641
- "marginBottom": 8,
642
- "marginTop": 8,
519
+ "color": "#000000",
643
520
  }
644
521
  }
645
522
  >
646
- <Text
647
- style={
648
- {
649
- "color": "#000000",
650
- }
651
- }
652
- >
653
- Message6
654
- </Text>
523
+ Message6
655
524
  </Text>
656
- </View>
525
+ </Text>
657
526
  </View>
658
527
  </View>
659
528
  </View>
@@ -918,254 +787,123 @@ exports[`Thread should match thread snapshot 1`] = `
918
787
  style={
919
788
  [
920
789
  {
921
- "position": "absolute",
922
- },
923
- {
924
- "opacity": undefined,
925
- "transform": [
926
- {
927
- "translateX": undefined,
928
- },
929
- ],
790
+ "alignItems": "center",
791
+ "flexDirection": "row",
930
792
  },
931
793
  {},
932
794
  ]
933
795
  }
934
796
  >
935
797
  <View
936
- style={
937
- [
938
- {
939
- "justifyContent": "center",
940
- "paddingRight": 16,
941
- },
942
- {},
943
- ]
798
+ accessibilityState={
799
+ {
800
+ "busy": undefined,
801
+ "checked": undefined,
802
+ "disabled": undefined,
803
+ "expanded": undefined,
804
+ "selected": undefined,
805
+ }
944
806
  }
945
- >
946
- <RNSVGSvgView
947
- align="xMidYMid"
948
- bbHeight={24}
949
- bbWidth={24}
950
- focusable={false}
951
- height={24}
952
- meetOrSlice={0}
953
- minX={0}
954
- minY={0}
955
- pathFill="#7A7A7A"
956
- style={
957
- [
958
- {
959
- "backgroundColor": "transparent",
960
- "borderWidth": 0,
961
- },
962
- {
963
- "flex": 0,
964
- "height": 24,
965
- "width": 24,
966
- },
967
- ]
807
+ accessibilityValue={
808
+ {
809
+ "max": undefined,
810
+ "min": undefined,
811
+ "now": undefined,
812
+ "text": undefined,
968
813
  }
969
- vbHeight={24}
970
- vbWidth={24}
971
- width={24}
972
- >
973
- <RNSVGGroup
974
- fill={
975
- {
976
- "payload": 4278190080,
977
- "type": 0,
978
- }
979
- }
980
- >
981
- <RNSVGPath
982
- clipRule={0}
983
- d="M4 8a1 1 0 011-1c3.992 0 6.34.122 7.954.459 1.704.355 2.592.95 3.646 1.741a1 1 0 01.058.047c1.036.906 2.14 2 2.974 3.564C20.47 14.38 21 16.36 21 19a1 1 0 11-2 0c0-2.36-.47-4.006-1.132-5.248-.66-1.237-1.544-2.138-2.498-2.975-.929-.695-1.542-1.094-2.824-1.36C11.16 9.126 9.008 9 5 9a1 1 0 01-1-1z"
984
- fill={
985
- {
986
- "payload": 4286216826,
987
- "type": 0,
988
- }
989
- }
990
- fillRule={0}
991
- propList={
992
- [
993
- "fill",
994
- "fillRule",
995
- ]
996
- }
997
- />
998
- <RNSVGPath
999
- clipRule={0}
1000
- d="M4.293 8.707a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0z"
1001
- fill={
1002
- {
1003
- "payload": 4286216826,
1004
- "type": 0,
1005
- }
1006
- }
1007
- fillRule={0}
1008
- propList={
1009
- [
1010
- "fill",
1011
- "fillRule",
1012
- ]
1013
- }
1014
- />
1015
- <RNSVGPath
1016
- clipRule={0}
1017
- d="M4.293 7.293a1 1 0 011.414 0l3 3a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414z"
1018
- fill={
1019
- {
1020
- "payload": 4286216826,
1021
- "type": 0,
1022
- }
1023
- }
1024
- fillRule={0}
1025
- propList={
1026
- [
1027
- "fill",
1028
- "fillRule",
1029
- ]
1030
- }
1031
- />
1032
- </RNSVGGroup>
1033
- </RNSVGSvgView>
1034
- </View>
1035
- </View>
1036
- <View
1037
- style={
1038
- {
1039
- "transform": [
1040
- {
1041
- "translateX": 0,
1042
- },
1043
- ],
1044
814
  }
1045
- }
1046
- >
1047
- <View
815
+ accessible={true}
816
+ collapsable={false}
817
+ focusable={true}
818
+ onBlur={[Function]}
819
+ onClick={[Function]}
820
+ onFocus={[Function]}
821
+ onResponderGrant={[Function]}
822
+ onResponderMove={[Function]}
823
+ onResponderRelease={[Function]}
824
+ onResponderTerminate={[Function]}
825
+ onResponderTerminationRequest={[Function]}
826
+ onStartShouldSetResponder={[Function]}
1048
827
  style={
1049
828
  [
1050
829
  {
1051
- "alignItems": "center",
1052
- "flexDirection": "row",
830
+ "opacity": 1,
1053
831
  },
1054
832
  {},
1055
833
  ]
1056
834
  }
1057
835
  >
1058
836
  <View
1059
- accessibilityState={
1060
- {
1061
- "busy": undefined,
1062
- "checked": undefined,
1063
- "disabled": undefined,
1064
- "expanded": undefined,
1065
- "selected": undefined,
1066
- }
1067
- }
1068
- accessibilityValue={
1069
- {
1070
- "max": undefined,
1071
- "min": undefined,
1072
- "now": undefined,
1073
- "text": undefined,
1074
- }
1075
- }
1076
- accessible={true}
1077
- collapsable={false}
1078
- focusable={true}
1079
- onBlur={[Function]}
1080
- onClick={[Function]}
1081
- onFocus={[Function]}
1082
- onResponderGrant={[Function]}
1083
- onResponderMove={[Function]}
1084
- onResponderRelease={[Function]}
1085
- onResponderTerminate={[Function]}
1086
- onResponderTerminationRequest={[Function]}
1087
- onStartShouldSetResponder={[Function]}
1088
- style={
1089
- [
1090
- {
1091
- "opacity": 1,
1092
- },
1093
- {},
1094
- ]
1095
- }
837
+ onLayout={[Function]}
838
+ style={{}}
1096
839
  >
1097
840
  <View
1098
- onLayout={[Function]}
1099
- style={{}}
841
+ style={
842
+ [
843
+ {
844
+ "borderTopLeftRadius": 16,
845
+ "borderTopRightRadius": 16,
846
+ "borderWidth": 1,
847
+ "overflow": "hidden",
848
+ },
849
+ {
850
+ "backgroundColor": "#E9EAED",
851
+ "borderBottomLeftRadius": 0,
852
+ "borderBottomRightRadius": 16,
853
+ "borderColor": "#ECEBEB",
854
+ },
855
+ {},
856
+ {},
857
+ {},
858
+ ]
859
+ }
860
+ testID="message-content-wrapper"
1100
861
  >
1101
862
  <View
1102
863
  style={
1103
864
  [
1104
865
  {
1105
- "borderTopLeftRadius": 16,
1106
- "borderTopRightRadius": 16,
1107
- "borderWidth": 1,
1108
- "overflow": "hidden",
1109
- },
1110
- {
1111
- "backgroundColor": "#E9EAED",
1112
- "borderBottomLeftRadius": 0,
1113
- "borderBottomRightRadius": 16,
1114
- "borderColor": "#ECEBEB",
866
+ "maxWidth": 250,
867
+ "paddingHorizontal": 16,
1115
868
  },
1116
869
  {},
1117
- {},
1118
- {},
870
+ undefined,
1119
871
  ]
1120
872
  }
1121
- testID="message-content-wrapper"
873
+ testID="message-text-container"
1122
874
  >
1123
875
  <View
1124
876
  style={
1125
877
  [
1126
878
  {
1127
- "maxWidth": 250,
1128
- "paddingHorizontal": 16,
879
+ "alignSelf": "stretch",
1129
880
  },
1130
- {},
1131
881
  undefined,
1132
882
  ]
1133
883
  }
1134
- testID="message-text-container"
1135
884
  >
1136
- <View
885
+ <Text
1137
886
  style={
1138
- [
1139
- {
1140
- "alignSelf": "stretch",
1141
- },
1142
- undefined,
1143
- ]
887
+ {
888
+ "alignItems": "flex-start",
889
+ "flexDirection": "row",
890
+ "flexWrap": "wrap",
891
+ "justifyContent": "flex-start",
892
+ "marginBottom": 8,
893
+ "marginTop": 8,
894
+ }
1144
895
  }
1145
896
  >
1146
897
  <Text
1147
898
  style={
1148
899
  {
1149
- "alignItems": "flex-start",
1150
- "flexDirection": "row",
1151
- "flexWrap": "wrap",
1152
- "justifyContent": "flex-start",
1153
- "marginBottom": 8,
1154
- "marginTop": 8,
900
+ "color": "#000000",
1155
901
  }
1156
902
  }
1157
903
  >
1158
- <Text
1159
- style={
1160
- {
1161
- "color": "#000000",
1162
- }
1163
- }
1164
- >
1165
- Message5
1166
- </Text>
904
+ Message5
1167
905
  </Text>
1168
- </View>
906
+ </Text>
1169
907
  </View>
1170
908
  </View>
1171
909
  </View>
@@ -1453,269 +1191,138 @@ exports[`Thread should match thread snapshot 1`] = `
1453
1191
  "left": 750,
1454
1192
  "right": 750,
1455
1193
  }
1456
- }
1457
- style={
1458
- [
1459
- {
1460
- "alignItems": "center",
1461
- "flexDirection": "row",
1462
- },
1463
- {},
1464
- ]
1465
- }
1466
- >
1467
- <View
1468
- style={
1469
- [
1470
- {
1471
- "position": "absolute",
1472
- },
1473
- {
1474
- "opacity": undefined,
1475
- "transform": [
1476
- {
1477
- "translateX": undefined,
1478
- },
1479
- ],
1480
- },
1481
- {},
1482
- ]
1483
- }
1484
- >
1485
- <View
1486
- style={
1487
- [
1488
- {
1489
- "justifyContent": "center",
1490
- "paddingRight": 16,
1491
- },
1492
- {},
1493
- ]
1494
- }
1495
- >
1496
- <RNSVGSvgView
1497
- align="xMidYMid"
1498
- bbHeight={24}
1499
- bbWidth={24}
1500
- focusable={false}
1501
- height={24}
1502
- meetOrSlice={0}
1503
- minX={0}
1504
- minY={0}
1505
- pathFill="#7A7A7A"
1506
- style={
1507
- [
1508
- {
1509
- "backgroundColor": "transparent",
1510
- "borderWidth": 0,
1511
- },
1512
- {
1513
- "flex": 0,
1514
- "height": 24,
1515
- "width": 24,
1516
- },
1517
- ]
1518
- }
1519
- vbHeight={24}
1520
- vbWidth={24}
1521
- width={24}
1522
- >
1523
- <RNSVGGroup
1524
- fill={
1525
- {
1526
- "payload": 4278190080,
1527
- "type": 0,
1528
- }
1529
- }
1530
- >
1531
- <RNSVGPath
1532
- clipRule={0}
1533
- d="M4 8a1 1 0 011-1c3.992 0 6.34.122 7.954.459 1.704.355 2.592.95 3.646 1.741a1 1 0 01.058.047c1.036.906 2.14 2 2.974 3.564C20.47 14.38 21 16.36 21 19a1 1 0 11-2 0c0-2.36-.47-4.006-1.132-5.248-.66-1.237-1.544-2.138-2.498-2.975-.929-.695-1.542-1.094-2.824-1.36C11.16 9.126 9.008 9 5 9a1 1 0 01-1-1z"
1534
- fill={
1535
- {
1536
- "payload": 4286216826,
1537
- "type": 0,
1538
- }
1539
- }
1540
- fillRule={0}
1541
- propList={
1542
- [
1543
- "fill",
1544
- "fillRule",
1545
- ]
1546
- }
1547
- />
1548
- <RNSVGPath
1549
- clipRule={0}
1550
- d="M4.293 8.707a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0z"
1551
- fill={
1552
- {
1553
- "payload": 4286216826,
1554
- "type": 0,
1555
- }
1556
- }
1557
- fillRule={0}
1558
- propList={
1559
- [
1560
- "fill",
1561
- "fillRule",
1562
- ]
1563
- }
1564
- />
1565
- <RNSVGPath
1566
- clipRule={0}
1567
- d="M4.293 7.293a1 1 0 011.414 0l3 3a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414z"
1568
- fill={
1569
- {
1570
- "payload": 4286216826,
1571
- "type": 0,
1572
- }
1573
- }
1574
- fillRule={0}
1575
- propList={
1576
- [
1577
- "fill",
1578
- "fillRule",
1579
- ]
1580
- }
1581
- />
1582
- </RNSVGGroup>
1583
- </RNSVGSvgView>
1584
- </View>
1585
- </View>
1194
+ }
1195
+ style={
1196
+ [
1197
+ {
1198
+ "alignItems": "center",
1199
+ "flexDirection": "row",
1200
+ },
1201
+ {},
1202
+ ]
1203
+ }
1204
+ >
1586
1205
  <View
1587
1206
  style={
1588
- {
1589
- "transform": [
1590
- {
1591
- "translateX": 0,
1592
- },
1593
- ],
1594
- }
1207
+ [
1208
+ {
1209
+ "alignItems": "center",
1210
+ "flexDirection": "row",
1211
+ },
1212
+ {},
1213
+ ]
1595
1214
  }
1596
1215
  >
1597
1216
  <View
1217
+ accessibilityState={
1218
+ {
1219
+ "busy": undefined,
1220
+ "checked": undefined,
1221
+ "disabled": undefined,
1222
+ "expanded": undefined,
1223
+ "selected": undefined,
1224
+ }
1225
+ }
1226
+ accessibilityValue={
1227
+ {
1228
+ "max": undefined,
1229
+ "min": undefined,
1230
+ "now": undefined,
1231
+ "text": undefined,
1232
+ }
1233
+ }
1234
+ accessible={true}
1235
+ collapsable={false}
1236
+ focusable={true}
1237
+ onBlur={[Function]}
1238
+ onClick={[Function]}
1239
+ onFocus={[Function]}
1240
+ onResponderGrant={[Function]}
1241
+ onResponderMove={[Function]}
1242
+ onResponderRelease={[Function]}
1243
+ onResponderTerminate={[Function]}
1244
+ onResponderTerminationRequest={[Function]}
1245
+ onStartShouldSetResponder={[Function]}
1598
1246
  style={
1599
1247
  [
1600
1248
  {
1601
- "alignItems": "center",
1602
- "flexDirection": "row",
1249
+ "opacity": 1,
1603
1250
  },
1604
1251
  {},
1605
1252
  ]
1606
1253
  }
1607
1254
  >
1608
1255
  <View
1609
- accessibilityState={
1610
- {
1611
- "busy": undefined,
1612
- "checked": undefined,
1613
- "disabled": undefined,
1614
- "expanded": undefined,
1615
- "selected": undefined,
1616
- }
1617
- }
1618
- accessibilityValue={
1619
- {
1620
- "max": undefined,
1621
- "min": undefined,
1622
- "now": undefined,
1623
- "text": undefined,
1624
- }
1625
- }
1626
- accessible={true}
1627
- collapsable={false}
1628
- focusable={true}
1629
- onBlur={[Function]}
1630
- onClick={[Function]}
1631
- onFocus={[Function]}
1632
- onResponderGrant={[Function]}
1633
- onResponderMove={[Function]}
1634
- onResponderRelease={[Function]}
1635
- onResponderTerminate={[Function]}
1636
- onResponderTerminationRequest={[Function]}
1637
- onStartShouldSetResponder={[Function]}
1638
- style={
1639
- [
1640
- {
1641
- "opacity": 1,
1642
- },
1643
- {},
1644
- ]
1645
- }
1256
+ onLayout={[Function]}
1257
+ style={{}}
1646
1258
  >
1647
1259
  <View
1648
- onLayout={[Function]}
1649
- style={{}}
1260
+ style={
1261
+ [
1262
+ {
1263
+ "borderTopLeftRadius": 16,
1264
+ "borderTopRightRadius": 16,
1265
+ "borderWidth": 1,
1266
+ "overflow": "hidden",
1267
+ },
1268
+ {
1269
+ "backgroundColor": "#E9EAED",
1270
+ "borderBottomLeftRadius": 0,
1271
+ "borderBottomRightRadius": 16,
1272
+ "borderColor": "#ECEBEB",
1273
+ },
1274
+ {},
1275
+ {},
1276
+ {},
1277
+ ]
1278
+ }
1279
+ testID="message-content-wrapper"
1650
1280
  >
1651
1281
  <View
1652
1282
  style={
1653
1283
  [
1654
1284
  {
1655
- "borderTopLeftRadius": 16,
1656
- "borderTopRightRadius": 16,
1657
- "borderWidth": 1,
1658
- "overflow": "hidden",
1659
- },
1660
- {
1661
- "backgroundColor": "#E9EAED",
1662
- "borderBottomLeftRadius": 0,
1663
- "borderBottomRightRadius": 16,
1664
- "borderColor": "#ECEBEB",
1285
+ "maxWidth": 250,
1286
+ "paddingHorizontal": 16,
1665
1287
  },
1666
1288
  {},
1667
- {},
1668
- {},
1289
+ undefined,
1669
1290
  ]
1670
1291
  }
1671
- testID="message-content-wrapper"
1292
+ testID="message-text-container"
1672
1293
  >
1673
1294
  <View
1674
1295
  style={
1675
1296
  [
1676
1297
  {
1677
- "maxWidth": 250,
1678
- "paddingHorizontal": 16,
1298
+ "alignSelf": "stretch",
1679
1299
  },
1680
- {},
1681
1300
  undefined,
1682
1301
  ]
1683
1302
  }
1684
- testID="message-text-container"
1685
1303
  >
1686
- <View
1304
+ <Text
1687
1305
  style={
1688
- [
1689
- {
1690
- "alignSelf": "stretch",
1691
- },
1692
- undefined,
1693
- ]
1306
+ {
1307
+ "alignItems": "flex-start",
1308
+ "flexDirection": "row",
1309
+ "flexWrap": "wrap",
1310
+ "justifyContent": "flex-start",
1311
+ "marginBottom": 8,
1312
+ "marginTop": 8,
1313
+ }
1694
1314
  }
1695
1315
  >
1696
1316
  <Text
1697
1317
  style={
1698
1318
  {
1699
- "alignItems": "flex-start",
1700
- "flexDirection": "row",
1701
- "flexWrap": "wrap",
1702
- "justifyContent": "flex-start",
1703
- "marginBottom": 8,
1704
- "marginTop": 8,
1319
+ "color": "#000000",
1705
1320
  }
1706
1321
  }
1707
1322
  >
1708
- <Text
1709
- style={
1710
- {
1711
- "color": "#000000",
1712
- }
1713
- }
1714
- >
1715
- Message4
1716
- </Text>
1323
+ Message4
1717
1324
  </Text>
1718
- </View>
1325
+ </Text>
1719
1326
  </View>
1720
1327
  </View>
1721
1328
  </View>
@@ -1973,254 +1580,123 @@ exports[`Thread should match thread snapshot 1`] = `
1973
1580
  style={
1974
1581
  [
1975
1582
  {
1976
- "position": "absolute",
1977
- },
1978
- {
1979
- "opacity": undefined,
1980
- "transform": [
1981
- {
1982
- "translateX": undefined,
1983
- },
1984
- ],
1583
+ "alignItems": "center",
1584
+ "flexDirection": "row",
1985
1585
  },
1986
1586
  {},
1987
1587
  ]
1988
1588
  }
1989
1589
  >
1990
1590
  <View
1991
- style={
1992
- [
1993
- {
1994
- "justifyContent": "center",
1995
- "paddingRight": 16,
1996
- },
1997
- {},
1998
- ]
1591
+ accessibilityState={
1592
+ {
1593
+ "busy": undefined,
1594
+ "checked": undefined,
1595
+ "disabled": true,
1596
+ "expanded": undefined,
1597
+ "selected": undefined,
1598
+ }
1999
1599
  }
2000
- >
2001
- <RNSVGSvgView
2002
- align="xMidYMid"
2003
- bbHeight={24}
2004
- bbWidth={24}
2005
- focusable={false}
2006
- height={24}
2007
- meetOrSlice={0}
2008
- minX={0}
2009
- minY={0}
2010
- pathFill="#7A7A7A"
2011
- style={
2012
- [
2013
- {
2014
- "backgroundColor": "transparent",
2015
- "borderWidth": 0,
2016
- },
2017
- {
2018
- "flex": 0,
2019
- "height": 24,
2020
- "width": 24,
2021
- },
2022
- ]
1600
+ accessibilityValue={
1601
+ {
1602
+ "max": undefined,
1603
+ "min": undefined,
1604
+ "now": undefined,
1605
+ "text": undefined,
2023
1606
  }
2024
- vbHeight={24}
2025
- vbWidth={24}
2026
- width={24}
2027
- >
2028
- <RNSVGGroup
2029
- fill={
2030
- {
2031
- "payload": 4278190080,
2032
- "type": 0,
2033
- }
2034
- }
2035
- >
2036
- <RNSVGPath
2037
- clipRule={0}
2038
- d="M4 8a1 1 0 011-1c3.992 0 6.34.122 7.954.459 1.704.355 2.592.95 3.646 1.741a1 1 0 01.058.047c1.036.906 2.14 2 2.974 3.564C20.47 14.38 21 16.36 21 19a1 1 0 11-2 0c0-2.36-.47-4.006-1.132-5.248-.66-1.237-1.544-2.138-2.498-2.975-.929-.695-1.542-1.094-2.824-1.36C11.16 9.126 9.008 9 5 9a1 1 0 01-1-1z"
2039
- fill={
2040
- {
2041
- "payload": 4286216826,
2042
- "type": 0,
2043
- }
2044
- }
2045
- fillRule={0}
2046
- propList={
2047
- [
2048
- "fill",
2049
- "fillRule",
2050
- ]
2051
- }
2052
- />
2053
- <RNSVGPath
2054
- clipRule={0}
2055
- d="M4.293 8.707a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0z"
2056
- fill={
2057
- {
2058
- "payload": 4286216826,
2059
- "type": 0,
2060
- }
2061
- }
2062
- fillRule={0}
2063
- propList={
2064
- [
2065
- "fill",
2066
- "fillRule",
2067
- ]
2068
- }
2069
- />
2070
- <RNSVGPath
2071
- clipRule={0}
2072
- d="M4.293 7.293a1 1 0 011.414 0l3 3a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414z"
2073
- fill={
2074
- {
2075
- "payload": 4286216826,
2076
- "type": 0,
2077
- }
2078
- }
2079
- fillRule={0}
2080
- propList={
2081
- [
2082
- "fill",
2083
- "fillRule",
2084
- ]
2085
- }
2086
- />
2087
- </RNSVGGroup>
2088
- </RNSVGSvgView>
2089
- </View>
2090
- </View>
2091
- <View
2092
- style={
2093
- {
2094
- "transform": [
2095
- {
2096
- "translateX": 0,
2097
- },
2098
- ],
2099
1607
  }
2100
- }
2101
- >
2102
- <View
1608
+ accessible={true}
1609
+ collapsable={false}
1610
+ focusable={true}
1611
+ onBlur={[Function]}
1612
+ onClick={[Function]}
1613
+ onFocus={[Function]}
1614
+ onResponderGrant={[Function]}
1615
+ onResponderMove={[Function]}
1616
+ onResponderRelease={[Function]}
1617
+ onResponderTerminate={[Function]}
1618
+ onResponderTerminationRequest={[Function]}
1619
+ onStartShouldSetResponder={[Function]}
2103
1620
  style={
2104
1621
  [
2105
1622
  {
2106
- "alignItems": "center",
2107
- "flexDirection": "row",
1623
+ "opacity": 1,
2108
1624
  },
2109
1625
  {},
2110
1626
  ]
2111
1627
  }
2112
1628
  >
2113
1629
  <View
2114
- accessibilityState={
2115
- {
2116
- "busy": undefined,
2117
- "checked": undefined,
2118
- "disabled": true,
2119
- "expanded": undefined,
2120
- "selected": undefined,
2121
- }
2122
- }
2123
- accessibilityValue={
2124
- {
2125
- "max": undefined,
2126
- "min": undefined,
2127
- "now": undefined,
2128
- "text": undefined,
2129
- }
2130
- }
2131
- accessible={true}
2132
- collapsable={false}
2133
- focusable={true}
2134
- onBlur={[Function]}
2135
- onClick={[Function]}
2136
- onFocus={[Function]}
2137
- onResponderGrant={[Function]}
2138
- onResponderMove={[Function]}
2139
- onResponderRelease={[Function]}
2140
- onResponderTerminate={[Function]}
2141
- onResponderTerminationRequest={[Function]}
2142
- onStartShouldSetResponder={[Function]}
2143
- style={
2144
- [
2145
- {
2146
- "opacity": 1,
2147
- },
2148
- {},
2149
- ]
2150
- }
1630
+ onLayout={[Function]}
1631
+ style={{}}
2151
1632
  >
2152
1633
  <View
2153
- onLayout={[Function]}
2154
- style={{}}
1634
+ style={
1635
+ [
1636
+ {
1637
+ "borderTopLeftRadius": 16,
1638
+ "borderTopRightRadius": 16,
1639
+ "borderWidth": 1,
1640
+ "overflow": "hidden",
1641
+ },
1642
+ {
1643
+ "backgroundColor": "#E9EAED",
1644
+ "borderBottomLeftRadius": 0,
1645
+ "borderBottomRightRadius": 16,
1646
+ "borderColor": "#ECEBEB",
1647
+ },
1648
+ {},
1649
+ {},
1650
+ {},
1651
+ ]
1652
+ }
1653
+ testID="message-content-wrapper"
2155
1654
  >
2156
1655
  <View
2157
1656
  style={
2158
1657
  [
2159
1658
  {
2160
- "borderTopLeftRadius": 16,
2161
- "borderTopRightRadius": 16,
2162
- "borderWidth": 1,
2163
- "overflow": "hidden",
2164
- },
2165
- {
2166
- "backgroundColor": "#E9EAED",
2167
- "borderBottomLeftRadius": 0,
2168
- "borderBottomRightRadius": 16,
2169
- "borderColor": "#ECEBEB",
1659
+ "maxWidth": 250,
1660
+ "paddingHorizontal": 16,
2170
1661
  },
2171
1662
  {},
2172
- {},
2173
- {},
1663
+ undefined,
2174
1664
  ]
2175
1665
  }
2176
- testID="message-content-wrapper"
1666
+ testID="message-text-container"
2177
1667
  >
2178
1668
  <View
2179
1669
  style={
2180
1670
  [
2181
1671
  {
2182
- "maxWidth": 250,
2183
- "paddingHorizontal": 16,
1672
+ "alignSelf": "stretch",
2184
1673
  },
2185
- {},
2186
1674
  undefined,
2187
1675
  ]
2188
1676
  }
2189
- testID="message-text-container"
2190
1677
  >
2191
- <View
1678
+ <Text
2192
1679
  style={
2193
- [
2194
- {
2195
- "alignSelf": "stretch",
2196
- },
2197
- undefined,
2198
- ]
1680
+ {
1681
+ "alignItems": "flex-start",
1682
+ "flexDirection": "row",
1683
+ "flexWrap": "wrap",
1684
+ "justifyContent": "flex-start",
1685
+ "marginBottom": 8,
1686
+ "marginTop": 8,
1687
+ }
2199
1688
  }
2200
1689
  >
2201
1690
  <Text
2202
1691
  style={
2203
1692
  {
2204
- "alignItems": "flex-start",
2205
- "flexDirection": "row",
2206
- "flexWrap": "wrap",
2207
- "justifyContent": "flex-start",
2208
- "marginBottom": 8,
2209
- "marginTop": 8,
1693
+ "color": "#000000",
2210
1694
  }
2211
1695
  }
2212
1696
  >
2213
- <Text
2214
- style={
2215
- {
2216
- "color": "#000000",
2217
- }
2218
- }
2219
- >
2220
- Message3
2221
- </Text>
1697
+ Message3
2222
1698
  </Text>
2223
- </View>
1699
+ </Text>
2224
1700
  </View>
2225
1701
  </View>
2226
1702
  </View>