stream-chat-react-native-core 4.9.0 → 4.10.1-beta.1
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/ChannelPreview/ChannelPreview.js +7 -3
- package/lib/commonjs/components/ChannelPreview/ChannelPreview.js.map +1 -1
- package/lib/commonjs/components/ChannelPreview/hooks/useLatestMessagePreview.js +2 -1
- package/lib/commonjs/components/ChannelPreview/hooks/useLatestMessagePreview.js.map +1 -1
- package/lib/commonjs/components/Chat/Chat.js +9 -5
- package/lib/commonjs/components/Chat/Chat.js.map +1 -1
- package/lib/commonjs/components/ImageGallery/ImageGallery.js +25 -22
- package/lib/commonjs/components/ImageGallery/ImageGallery.js.map +1 -1
- package/lib/commonjs/components/ImageGallery/components/ImageGalleryFooter.js +15 -15
- package/lib/commonjs/components/ImageGallery/components/ImageGalleryFooter.js.map +1 -1
- package/lib/commonjs/components/Message/Message.js +12 -8
- package/lib/commonjs/components/Message/Message.js.map +1 -1
- package/lib/commonjs/components/Message/MessageSimple/MessageTextContainer.js +7 -4
- package/lib/commonjs/components/Message/MessageSimple/MessageTextContainer.js.map +1 -1
- package/lib/commonjs/components/MessageList/MessageList.js +130 -70
- package/lib/commonjs/components/MessageList/MessageList.js.map +1 -1
- package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js +16 -10
- package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js.map +1 -1
- package/lib/commonjs/contexts/messageOverlayContext/MessageOverlayContext.js +2 -2
- package/lib/commonjs/contexts/messageOverlayContext/MessageOverlayContext.js.map +1 -1
- package/lib/commonjs/contexts/overlayContext/OverlayProvider.js +15 -13
- package/lib/commonjs/contexts/overlayContext/OverlayProvider.js.map +1 -1
- package/lib/commonjs/contexts/translationContext/TranslationContext.js +8 -4
- package/lib/commonjs/contexts/translationContext/TranslationContext.js.map +1 -1
- package/lib/commonjs/hooks/useStreami18n.js.map +1 -1
- package/lib/commonjs/hooks/useTranslatedMessage.js +34 -0
- package/lib/commonjs/hooks/useTranslatedMessage.js.map +1 -0
- package/lib/commonjs/mock-builders/api/getOrCreateChannel.js.map +1 -1
- package/lib/commonjs/mock-builders/generator/channel.js +8 -4
- package/lib/commonjs/mock-builders/generator/channel.js.map +1 -1
- package/lib/commonjs/version.json +1 -1
- package/lib/module/components/ChannelPreview/ChannelPreview.js +7 -3
- package/lib/module/components/ChannelPreview/ChannelPreview.js.map +1 -1
- package/lib/module/components/ChannelPreview/hooks/useLatestMessagePreview.js +2 -1
- package/lib/module/components/ChannelPreview/hooks/useLatestMessagePreview.js.map +1 -1
- package/lib/module/components/Chat/Chat.js +9 -5
- package/lib/module/components/Chat/Chat.js.map +1 -1
- package/lib/module/components/ImageGallery/ImageGallery.js +25 -22
- package/lib/module/components/ImageGallery/ImageGallery.js.map +1 -1
- package/lib/module/components/ImageGallery/components/ImageGalleryFooter.js +15 -15
- package/lib/module/components/ImageGallery/components/ImageGalleryFooter.js.map +1 -1
- package/lib/module/components/Message/Message.js +12 -8
- package/lib/module/components/Message/Message.js.map +1 -1
- package/lib/module/components/Message/MessageSimple/MessageTextContainer.js +7 -4
- package/lib/module/components/Message/MessageSimple/MessageTextContainer.js.map +1 -1
- package/lib/module/components/MessageList/MessageList.js +130 -70
- package/lib/module/components/MessageList/MessageList.js.map +1 -1
- package/lib/module/contexts/messageInputContext/MessageInputContext.js +16 -10
- package/lib/module/contexts/messageInputContext/MessageInputContext.js.map +1 -1
- package/lib/module/contexts/messageOverlayContext/MessageOverlayContext.js +2 -2
- package/lib/module/contexts/messageOverlayContext/MessageOverlayContext.js.map +1 -1
- package/lib/module/contexts/overlayContext/OverlayProvider.js +15 -13
- package/lib/module/contexts/overlayContext/OverlayProvider.js.map +1 -1
- package/lib/module/contexts/translationContext/TranslationContext.js +8 -4
- package/lib/module/contexts/translationContext/TranslationContext.js.map +1 -1
- package/lib/module/hooks/useStreami18n.js.map +1 -1
- package/lib/module/hooks/useTranslatedMessage.js +34 -0
- package/lib/module/hooks/useTranslatedMessage.js.map +1 -0
- package/lib/module/mock-builders/api/getOrCreateChannel.js.map +1 -1
- package/lib/module/mock-builders/generator/channel.js +8 -4
- package/lib/module/mock-builders/generator/channel.js.map +1 -1
- package/lib/module/version.json +1 -1
- package/lib/typescript/components/ChannelPreview/__tests__/ChannelPreview.test.d.ts +1 -0
- package/lib/typescript/components/Message/MessageSimple/__tests__/MessageTextContainer.test.d.ts +1 -0
- package/lib/typescript/contexts/messageOverlayContext/MessageOverlayContext.d.ts +2 -1
- package/lib/typescript/contexts/translationContext/TranslationContext.d.ts +7 -2
- package/lib/typescript/hooks/__tests__/useTranslatedMessage.test.d.ts +1 -0
- package/lib/typescript/hooks/useStreami18n.d.ts +2 -2
- package/lib/typescript/hooks/useTranslatedMessage.d.ts +3 -0
- package/lib/typescript/mock-builders/api/getOrCreateChannel.d.ts +13 -1
- package/lib/typescript/mock-builders/event/messageNew.d.ts +2 -0
- package/lib/typescript/mock-builders/event/messageRead.d.ts +8 -0
- package/lib/typescript/mock-builders/generator/channel.d.ts +19 -15
- package/package.json +3 -3
- package/src/components/ChannelPreview/ChannelPreview.tsx +7 -1
- package/src/components/ChannelPreview/__tests__/{ChannelPreview.test.js → ChannelPreview.test.tsx} +79 -41
- package/src/components/ChannelPreview/hooks/__tests__/useLatestMessagePreview.test.tsx +56 -21
- package/src/components/ChannelPreview/hooks/useLatestMessagePreview.ts +4 -1
- package/src/components/Chat/Chat.tsx +6 -3
- package/src/components/ImageGallery/ImageGallery.tsx +10 -6
- package/src/components/ImageGallery/components/ImageGalleryFooter.tsx +2 -1
- package/src/components/Message/Message.tsx +3 -0
- package/src/components/Message/MessageSimple/MessageTextContainer.tsx +7 -1
- package/src/components/Message/MessageSimple/__tests__/MessageTextContainer.test.tsx +108 -0
- package/src/components/Message/MessageSimple/__tests__/__snapshots__/{MessageTextContainer.test.js.snap → MessageTextContainer.test.tsx.snap} +0 -0
- package/src/components/MessageList/MessageList.tsx +8 -10
- package/src/contexts/messageInputContext/MessageInputContext.tsx +7 -0
- package/src/contexts/messageInputContext/__tests__/__snapshots__/sendMessage.test.tsx.snap +4 -0
- package/src/contexts/messageOverlayContext/MessageOverlayContext.tsx +2 -1
- package/src/contexts/overlayContext/OverlayProvider.tsx +4 -3
- package/src/contexts/translationContext/TranslationContext.tsx +10 -1
- package/src/hooks/__tests__/useTranslatedMessage.test.tsx +106 -0
- package/src/hooks/useStreami18n.ts +2 -2
- package/src/hooks/useTranslatedMessage.ts +30 -0
- package/src/mock-builders/api/{getOrCreateChannel.js → getOrCreateChannel.ts} +8 -1
- package/src/mock-builders/generator/{channel.js → channel.ts} +19 -10
- package/src/version.json +1 -1
- package/src/components/Message/MessageSimple/__tests__/MessageTextContainer.test.js +0 -65
|
@@ -476,63 +476,123 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
476
476
|
}));
|
|
477
477
|
};
|
|
478
478
|
|
|
479
|
-
var maybeCallOnStartReached = function
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
479
|
+
var maybeCallOnStartReached = function () {
|
|
480
|
+
var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(limit) {
|
|
481
|
+
var callback, onError;
|
|
482
|
+
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
483
|
+
while (1) {
|
|
484
|
+
switch (_context.prev = _context.next) {
|
|
485
|
+
case 0:
|
|
486
|
+
if (!(messageList != null && messageList.length && onStartReachedTracker.current[messageList.length])) {
|
|
487
|
+
_context.next = 2;
|
|
488
|
+
break;
|
|
489
|
+
}
|
|
483
490
|
|
|
484
|
-
|
|
485
|
-
onStartReachedTracker.current[messageList.length] = true;
|
|
486
|
-
}
|
|
491
|
+
return _context.abrupt("return");
|
|
487
492
|
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
493
|
+
case 2:
|
|
494
|
+
if (messageList != null && messageList.length) {
|
|
495
|
+
onStartReachedTracker.current[messageList.length] = true;
|
|
496
|
+
}
|
|
492
497
|
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
};
|
|
498
|
+
callback = function callback() {
|
|
499
|
+
onStartReachedInPromise.current = null;
|
|
500
|
+
return Promise.resolve();
|
|
501
|
+
};
|
|
498
502
|
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
onStartReachedInPromise.current = loadMoreRecent(limit).then(callback)["catch"](onError);
|
|
505
|
-
}
|
|
506
|
-
};
|
|
503
|
+
onError = function onError() {
|
|
504
|
+
setTimeout(function () {
|
|
505
|
+
onStartReachedTracker.current = {};
|
|
506
|
+
}, 2000);
|
|
507
|
+
};
|
|
507
508
|
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
509
|
+
if (!onEndReachedInPromise.current) {
|
|
510
|
+
_context.next = 11;
|
|
511
|
+
break;
|
|
512
|
+
}
|
|
512
513
|
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
}
|
|
514
|
+
_context.next = 8;
|
|
515
|
+
return onEndReachedInPromise.current;
|
|
516
516
|
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
517
|
+
case 8:
|
|
518
|
+
onStartReachedInPromise.current = loadMoreRecent(limit).then(callback)["catch"](onError);
|
|
519
|
+
_context.next = 12;
|
|
520
|
+
break;
|
|
521
521
|
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
522
|
+
case 11:
|
|
523
|
+
onStartReachedInPromise.current = loadMoreRecent(limit).then(callback)["catch"](onError);
|
|
524
|
+
|
|
525
|
+
case 12:
|
|
526
|
+
case "end":
|
|
527
|
+
return _context.stop();
|
|
528
|
+
}
|
|
529
|
+
}
|
|
530
|
+
}, _callee);
|
|
531
|
+
}));
|
|
532
|
+
|
|
533
|
+
return function maybeCallOnStartReached(_x) {
|
|
534
|
+
return _ref3.apply(this, arguments);
|
|
526
535
|
};
|
|
536
|
+
}();
|
|
527
537
|
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
538
|
+
var maybeCallOnEndReached = function () {
|
|
539
|
+
var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
|
|
540
|
+
var callback, onError;
|
|
541
|
+
return _regenerator["default"].wrap(function _callee2$(_context2) {
|
|
542
|
+
while (1) {
|
|
543
|
+
switch (_context2.prev = _context2.next) {
|
|
544
|
+
case 0:
|
|
545
|
+
if (!(messageList != null && messageList.length && onEndReachedTracker.current[messageList.length])) {
|
|
546
|
+
_context2.next = 2;
|
|
547
|
+
break;
|
|
548
|
+
}
|
|
549
|
+
|
|
550
|
+
return _context2.abrupt("return");
|
|
551
|
+
|
|
552
|
+
case 2:
|
|
553
|
+
if (messageList != null && messageList.length) {
|
|
554
|
+
onEndReachedTracker.current[messageList.length] = true;
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
callback = function callback() {
|
|
558
|
+
onEndReachedInPromise.current = null;
|
|
559
|
+
return Promise.resolve();
|
|
560
|
+
};
|
|
561
|
+
|
|
562
|
+
onError = function onError() {
|
|
563
|
+
setTimeout(function () {
|
|
564
|
+
onEndReachedTracker.current = {};
|
|
565
|
+
}, 2000);
|
|
566
|
+
};
|
|
567
|
+
|
|
568
|
+
if (!onStartReachedInPromise.current) {
|
|
569
|
+
_context2.next = 11;
|
|
570
|
+
break;
|
|
571
|
+
}
|
|
572
|
+
|
|
573
|
+
_context2.next = 8;
|
|
574
|
+
return onStartReachedInPromise.current;
|
|
575
|
+
|
|
576
|
+
case 8:
|
|
577
|
+
onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore()).then(callback)["catch"](onError);
|
|
578
|
+
_context2.next = 12;
|
|
579
|
+
break;
|
|
580
|
+
|
|
581
|
+
case 11:
|
|
582
|
+
onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore()).then(callback)["catch"](onError);
|
|
583
|
+
|
|
584
|
+
case 12:
|
|
585
|
+
case "end":
|
|
586
|
+
return _context2.stop();
|
|
587
|
+
}
|
|
588
|
+
}
|
|
589
|
+
}, _callee2);
|
|
590
|
+
}));
|
|
591
|
+
|
|
592
|
+
return function maybeCallOnEndReached() {
|
|
593
|
+
return _ref4.apply(this, arguments);
|
|
594
|
+
};
|
|
595
|
+
}();
|
|
536
596
|
|
|
537
597
|
var handleScroll = function handleScroll(event) {
|
|
538
598
|
if (!channel || !initialScrollSet.current || !channelResyncScrollSet.current) {
|
|
@@ -573,22 +633,22 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
573
633
|
};
|
|
574
634
|
|
|
575
635
|
var goToNewMessages = function () {
|
|
576
|
-
var
|
|
577
|
-
return _regenerator["default"].wrap(function
|
|
636
|
+
var _ref5 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
|
|
637
|
+
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
|
578
638
|
while (1) {
|
|
579
|
-
switch (
|
|
639
|
+
switch (_context3.prev = _context3.next) {
|
|
580
640
|
case 0:
|
|
581
641
|
if (channel != null && channel.state.isUpToDate) {
|
|
582
|
-
|
|
642
|
+
_context3.next = 6;
|
|
583
643
|
break;
|
|
584
644
|
}
|
|
585
645
|
|
|
586
646
|
resetPaginationTrackers();
|
|
587
|
-
|
|
647
|
+
_context3.next = 4;
|
|
588
648
|
return reloadChannel();
|
|
589
649
|
|
|
590
650
|
case 4:
|
|
591
|
-
|
|
651
|
+
_context3.next = 7;
|
|
592
652
|
break;
|
|
593
653
|
|
|
594
654
|
case 6:
|
|
@@ -607,14 +667,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
607
667
|
|
|
608
668
|
case 9:
|
|
609
669
|
case "end":
|
|
610
|
-
return
|
|
670
|
+
return _context3.stop();
|
|
611
671
|
}
|
|
612
672
|
}
|
|
613
|
-
},
|
|
673
|
+
}, _callee3);
|
|
614
674
|
}));
|
|
615
675
|
|
|
616
676
|
return function goToNewMessages() {
|
|
617
|
-
return
|
|
677
|
+
return _ref5.apply(this, arguments);
|
|
618
678
|
};
|
|
619
679
|
}();
|
|
620
680
|
|
|
@@ -700,7 +760,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
700
760
|
__self: _this,
|
|
701
761
|
__source: {
|
|
702
762
|
fileName: _jsxFileName,
|
|
703
|
-
lineNumber:
|
|
763
|
+
lineNumber: 888,
|
|
704
764
|
columnNumber: 5
|
|
705
765
|
}
|
|
706
766
|
}, _react["default"].createElement(EmptyStateIndicator, {
|
|
@@ -708,7 +768,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
708
768
|
__self: _this,
|
|
709
769
|
__source: {
|
|
710
770
|
fileName: _jsxFileName,
|
|
711
|
-
lineNumber:
|
|
771
|
+
lineNumber: 889,
|
|
712
772
|
columnNumber: 7
|
|
713
773
|
}
|
|
714
774
|
}));
|
|
@@ -722,7 +782,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
722
782
|
__self: _this,
|
|
723
783
|
__source: {
|
|
724
784
|
fileName: _jsxFileName,
|
|
725
|
-
lineNumber:
|
|
785
|
+
lineNumber: 897,
|
|
726
786
|
columnNumber: 7
|
|
727
787
|
}
|
|
728
788
|
}, _react["default"].createElement(LoadingIndicator, {
|
|
@@ -730,7 +790,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
730
790
|
__self: _this,
|
|
731
791
|
__source: {
|
|
732
792
|
fileName: _jsxFileName,
|
|
733
|
-
lineNumber:
|
|
793
|
+
lineNumber: 898,
|
|
734
794
|
columnNumber: 9
|
|
735
795
|
}
|
|
736
796
|
}));
|
|
@@ -744,7 +804,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
744
804
|
__self: _this,
|
|
745
805
|
__source: {
|
|
746
806
|
fileName: _jsxFileName,
|
|
747
|
-
lineNumber:
|
|
807
|
+
lineNumber: 904,
|
|
748
808
|
columnNumber: 5
|
|
749
809
|
}
|
|
750
810
|
}, _react["default"].createElement(FlatList, (0, _extends2["default"])({
|
|
@@ -776,7 +836,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
776
836
|
__self: _this,
|
|
777
837
|
__source: {
|
|
778
838
|
fileName: _jsxFileName,
|
|
779
|
-
lineNumber:
|
|
839
|
+
lineNumber: 908,
|
|
780
840
|
columnNumber: 7
|
|
781
841
|
}
|
|
782
842
|
})), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
|
|
@@ -784,7 +844,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
784
844
|
__self: _this,
|
|
785
845
|
__source: {
|
|
786
846
|
fileName: _jsxFileName,
|
|
787
|
-
lineNumber:
|
|
847
|
+
lineNumber: 938,
|
|
788
848
|
columnNumber: 11
|
|
789
849
|
}
|
|
790
850
|
}, stickyHeaderDateToRender && (StickyHeader ? _react["default"].createElement(StickyHeader, {
|
|
@@ -792,7 +852,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
792
852
|
__self: _this,
|
|
793
853
|
__source: {
|
|
794
854
|
fileName: _jsxFileName,
|
|
795
|
-
lineNumber:
|
|
855
|
+
lineNumber: 941,
|
|
796
856
|
columnNumber: 17
|
|
797
857
|
}
|
|
798
858
|
}) : messageListLengthAfterUpdate ? _react["default"].createElement(DateHeader, {
|
|
@@ -800,21 +860,21 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
800
860
|
__self: _this,
|
|
801
861
|
__source: {
|
|
802
862
|
fileName: _jsxFileName,
|
|
803
|
-
lineNumber:
|
|
863
|
+
lineNumber: 943,
|
|
804
864
|
columnNumber: 17
|
|
805
865
|
}
|
|
806
866
|
}) : null)), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
|
|
807
867
|
__self: _this,
|
|
808
868
|
__source: {
|
|
809
869
|
fileName: _jsxFileName,
|
|
810
|
-
lineNumber:
|
|
870
|
+
lineNumber: 947,
|
|
811
871
|
columnNumber: 13
|
|
812
872
|
}
|
|
813
873
|
}, _react["default"].createElement(TypingIndicator, {
|
|
814
874
|
__self: _this,
|
|
815
875
|
__source: {
|
|
816
876
|
fileName: _jsxFileName,
|
|
817
|
-
lineNumber:
|
|
877
|
+
lineNumber: 948,
|
|
818
878
|
columnNumber: 15
|
|
819
879
|
}
|
|
820
880
|
})), _react["default"].createElement(ScrollToBottomButton, {
|
|
@@ -824,14 +884,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
824
884
|
__self: _this,
|
|
825
885
|
__source: {
|
|
826
886
|
fileName: _jsxFileName,
|
|
827
|
-
lineNumber:
|
|
887
|
+
lineNumber: 951,
|
|
828
888
|
columnNumber: 11
|
|
829
889
|
}
|
|
830
890
|
})), _react["default"].createElement(NetworkDownIndicator, {
|
|
831
891
|
__self: _this,
|
|
832
892
|
__source: {
|
|
833
893
|
fileName: _jsxFileName,
|
|
834
|
-
lineNumber:
|
|
894
|
+
lineNumber: 958,
|
|
835
895
|
columnNumber: 7
|
|
836
896
|
}
|
|
837
897
|
}));
|
|
@@ -948,7 +1008,7 @@ var MessageList = function MessageList(props) {
|
|
|
948
1008
|
__self: _this,
|
|
949
1009
|
__source: {
|
|
950
1010
|
fileName: _jsxFileName,
|
|
951
|
-
lineNumber:
|
|
1011
|
+
lineNumber: 1016,
|
|
952
1012
|
columnNumber: 5
|
|
953
1013
|
}
|
|
954
1014
|
}));
|