stream-chat-react-native-core 5.38.1 → 5.39.0-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/Channel/Channel.js +58 -25
- package/lib/commonjs/components/Channel/Channel.js.map +1 -1
- package/lib/commonjs/components/Channel/hooks/useCreateThreadContext.js +33 -21
- package/lib/commonjs/components/Channel/hooks/useCreateThreadContext.js.map +1 -1
- package/lib/commonjs/components/Chat/Chat.js +7 -0
- package/lib/commonjs/components/Chat/Chat.js.map +1 -1
- package/lib/commonjs/components/Indicators/EmptyStateIndicator.js +14 -0
- package/lib/commonjs/components/Indicators/EmptyStateIndicator.js.map +1 -1
- package/lib/commonjs/components/Indicators/LoadingIndicator.js +4 -0
- package/lib/commonjs/components/Indicators/LoadingIndicator.js.map +1 -1
- package/lib/commonjs/components/Message/hooks/useProcessReactions.js +13 -7
- package/lib/commonjs/components/Message/hooks/useProcessReactions.js.map +1 -1
- package/lib/commonjs/components/MessageList/InlineLoadingMoreRecentThreadIndicator.js +52 -0
- package/lib/commonjs/components/MessageList/InlineLoadingMoreRecentThreadIndicator.js.map +1 -0
- package/lib/commonjs/components/MessageList/MessageList.js +14 -6
- package/lib/commonjs/components/MessageList/MessageList.js.map +1 -1
- package/lib/commonjs/components/Thread/Thread.js +12 -5
- package/lib/commonjs/components/Thread/Thread.js.map +1 -1
- package/lib/commonjs/components/Thread/components/ThreadFooterComponent.js +41 -18
- package/lib/commonjs/components/Thread/components/ThreadFooterComponent.js.map +1 -1
- package/lib/commonjs/components/ThreadList/ThreadList.js +132 -0
- package/lib/commonjs/components/ThreadList/ThreadList.js.map +1 -0
- package/lib/commonjs/components/ThreadList/ThreadListItem.js +246 -0
- package/lib/commonjs/components/ThreadList/ThreadListItem.js.map +1 -0
- package/lib/commonjs/components/ThreadList/ThreadListUnreadBanner.js +66 -0
- package/lib/commonjs/components/ThreadList/ThreadListUnreadBanner.js.map +1 -0
- package/lib/commonjs/components/index.js +11 -11
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/contexts/themeContext/utils/theme.js +19 -0
- package/lib/commonjs/contexts/themeContext/utils/theme.js.map +1 -1
- package/lib/commonjs/contexts/threadContext/ThreadContext.js.map +1 -1
- package/lib/commonjs/contexts/threadsContext/ThreadListItemContext.js +28 -0
- package/lib/commonjs/contexts/threadsContext/ThreadListItemContext.js.map +1 -0
- package/lib/commonjs/contexts/threadsContext/ThreadsContext.js +33 -0
- package/lib/commonjs/contexts/threadsContext/ThreadsContext.js.map +1 -0
- package/lib/commonjs/hooks/index.js +11 -0
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useStateStore.js +23 -0
- package/lib/commonjs/hooks/useStateStore.js.map +1 -0
- package/lib/commonjs/i18n/en.json +7 -0
- package/lib/commonjs/i18n/es.json +7 -0
- package/lib/commonjs/i18n/fr.json +7 -0
- package/lib/commonjs/i18n/he.json +7 -0
- package/lib/commonjs/i18n/hi.json +7 -0
- package/lib/commonjs/i18n/it.json +7 -0
- package/lib/commonjs/i18n/ja.json +7 -0
- package/lib/commonjs/i18n/ko.json +7 -0
- package/lib/commonjs/i18n/nl.json +7 -0
- package/lib/commonjs/i18n/pt-br.json +7 -0
- package/lib/commonjs/i18n/ru.json +7 -0
- package/lib/commonjs/i18n/tr.json +7 -0
- package/lib/commonjs/icons/MessageBubble.js +19 -0
- package/lib/commonjs/icons/MessageBubble.js.map +1 -0
- package/lib/commonjs/icons/MessageBubbleEmpty.js +19 -0
- package/lib/commonjs/icons/MessageBubbleEmpty.js.map +1 -0
- package/lib/commonjs/icons/Reload.js +19 -0
- package/lib/commonjs/icons/Reload.js.map +1 -0
- package/lib/commonjs/icons/index.js +33 -0
- package/lib/commonjs/icons/index.js.map +1 -1
- package/lib/commonjs/store/mappers/mapDateTimeToStorable.js.map +1 -1
- package/lib/commonjs/version.json +1 -1
- package/lib/module/components/Channel/Channel.js +58 -25
- package/lib/module/components/Channel/Channel.js.map +1 -1
- package/lib/module/components/Channel/hooks/useCreateThreadContext.js +33 -21
- package/lib/module/components/Channel/hooks/useCreateThreadContext.js.map +1 -1
- package/lib/module/components/Chat/Chat.js +7 -0
- package/lib/module/components/Chat/Chat.js.map +1 -1
- package/lib/module/components/Indicators/EmptyStateIndicator.js +14 -0
- package/lib/module/components/Indicators/EmptyStateIndicator.js.map +1 -1
- package/lib/module/components/Indicators/LoadingIndicator.js +4 -0
- package/lib/module/components/Indicators/LoadingIndicator.js.map +1 -1
- package/lib/module/components/Message/hooks/useProcessReactions.js +13 -7
- package/lib/module/components/Message/hooks/useProcessReactions.js.map +1 -1
- package/lib/module/components/MessageList/InlineLoadingMoreRecentThreadIndicator.js +52 -0
- package/lib/module/components/MessageList/InlineLoadingMoreRecentThreadIndicator.js.map +1 -0
- package/lib/module/components/MessageList/MessageList.js +14 -6
- package/lib/module/components/MessageList/MessageList.js.map +1 -1
- package/lib/module/components/Thread/Thread.js +12 -5
- package/lib/module/components/Thread/Thread.js.map +1 -1
- package/lib/module/components/Thread/components/ThreadFooterComponent.js +41 -18
- package/lib/module/components/Thread/components/ThreadFooterComponent.js.map +1 -1
- package/lib/module/components/ThreadList/ThreadList.js +132 -0
- package/lib/module/components/ThreadList/ThreadList.js.map +1 -0
- package/lib/module/components/ThreadList/ThreadListItem.js +246 -0
- package/lib/module/components/ThreadList/ThreadListItem.js.map +1 -0
- package/lib/module/components/ThreadList/ThreadListUnreadBanner.js +66 -0
- package/lib/module/components/ThreadList/ThreadListUnreadBanner.js.map +1 -0
- package/lib/module/components/index.js +11 -11
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/contexts/themeContext/utils/theme.js +19 -0
- package/lib/module/contexts/themeContext/utils/theme.js.map +1 -1
- package/lib/module/contexts/threadContext/ThreadContext.js.map +1 -1
- package/lib/module/contexts/threadsContext/ThreadListItemContext.js +28 -0
- package/lib/module/contexts/threadsContext/ThreadListItemContext.js.map +1 -0
- package/lib/module/contexts/threadsContext/ThreadsContext.js +33 -0
- package/lib/module/contexts/threadsContext/ThreadsContext.js.map +1 -0
- package/lib/module/hooks/index.js +11 -0
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useStateStore.js +23 -0
- package/lib/module/hooks/useStateStore.js.map +1 -0
- package/lib/module/i18n/en.json +7 -0
- package/lib/module/i18n/es.json +7 -0
- package/lib/module/i18n/fr.json +7 -0
- package/lib/module/i18n/he.json +7 -0
- package/lib/module/i18n/hi.json +7 -0
- package/lib/module/i18n/it.json +7 -0
- package/lib/module/i18n/ja.json +7 -0
- package/lib/module/i18n/ko.json +7 -0
- package/lib/module/i18n/nl.json +7 -0
- package/lib/module/i18n/pt-br.json +7 -0
- package/lib/module/i18n/ru.json +7 -0
- package/lib/module/i18n/tr.json +7 -0
- package/lib/module/icons/MessageBubble.js +19 -0
- package/lib/module/icons/MessageBubble.js.map +1 -0
- package/lib/module/icons/MessageBubbleEmpty.js +19 -0
- package/lib/module/icons/MessageBubbleEmpty.js.map +1 -0
- package/lib/module/icons/Reload.js +19 -0
- package/lib/module/icons/Reload.js.map +1 -0
- package/lib/module/icons/index.js +33 -0
- package/lib/module/icons/index.js.map +1 -1
- package/lib/module/store/mappers/mapDateTimeToStorable.js.map +1 -1
- package/lib/module/version.json +1 -1
- package/lib/typescript/components/AttachmentPicker/AttachmentPicker.d.ts +1 -1
- package/lib/typescript/components/Channel/Channel.d.ts +3 -2
- package/lib/typescript/components/Channel/Channel.d.ts.map +1 -1
- package/lib/typescript/components/Channel/hooks/useCreateThreadContext.d.ts +34 -1
- package/lib/typescript/components/Channel/hooks/useCreateThreadContext.d.ts.map +1 -1
- package/lib/typescript/components/Chat/Chat.d.ts.map +1 -1
- package/lib/typescript/components/Indicators/EmptyStateIndicator.d.ts +1 -1
- package/lib/typescript/components/Indicators/EmptyStateIndicator.d.ts.map +1 -1
- package/lib/typescript/components/Indicators/LoadingIndicator.d.ts +1 -1
- package/lib/typescript/components/Indicators/LoadingIndicator.d.ts.map +1 -1
- package/lib/typescript/components/Message/hooks/useProcessReactions.d.ts.map +1 -1
- package/lib/typescript/components/MessageList/InlineLoadingMoreRecentThreadIndicator.d.ts +8 -0
- package/lib/typescript/components/MessageList/InlineLoadingMoreRecentThreadIndicator.d.ts.map +1 -0
- package/lib/typescript/components/MessageList/MessageList.d.ts +1 -1
- package/lib/typescript/components/MessageList/MessageList.d.ts.map +1 -1
- package/lib/typescript/components/Thread/Thread.d.ts +1 -1
- package/lib/typescript/components/Thread/Thread.d.ts.map +1 -1
- package/lib/typescript/components/Thread/components/ThreadFooterComponent.d.ts +1 -0
- package/lib/typescript/components/Thread/components/ThreadFooterComponent.d.ts.map +1 -1
- package/lib/typescript/components/ThreadList/ThreadList.d.ts +11 -0
- package/lib/typescript/components/ThreadList/ThreadList.d.ts.map +1 -0
- package/lib/typescript/components/ThreadList/ThreadListItem.d.ts +16 -0
- package/lib/typescript/components/ThreadList/ThreadListItem.d.ts.map +1 -0
- package/lib/typescript/components/ThreadList/ThreadListUnreadBanner.d.ts +3 -0
- package/lib/typescript/components/ThreadList/ThreadListUnreadBanner.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +1 -1
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/contexts/attachmentPickerContext/AttachmentPickerContext.d.ts +1 -1
- package/lib/typescript/contexts/messageContext/MessageContext.d.ts +1 -1
- package/lib/typescript/contexts/messageInputContext/MessageInputContext.d.ts +1 -1
- package/lib/typescript/contexts/themeContext/utils/theme.d.ts +19 -0
- package/lib/typescript/contexts/themeContext/utils/theme.d.ts.map +1 -1
- package/lib/typescript/contexts/threadContext/ThreadContext.d.ts +11 -2
- package/lib/typescript/contexts/threadContext/ThreadContext.d.ts.map +1 -1
- package/lib/typescript/contexts/threadsContext/ThreadListItemContext.d.ts +19 -0
- package/lib/typescript/contexts/threadsContext/ThreadListItemContext.d.ts.map +1 -0
- package/lib/typescript/contexts/threadsContext/ThreadsContext.d.ts +25 -0
- package/lib/typescript/contexts/threadsContext/ThreadsContext.d.ts.map +1 -0
- package/lib/typescript/hooks/index.d.ts +1 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -1
- package/lib/typescript/hooks/useStateStore.d.ts +4 -0
- package/lib/typescript/hooks/useStateStore.d.ts.map +1 -0
- package/lib/typescript/i18n/en.json +7 -0
- package/lib/typescript/i18n/es.json +7 -0
- package/lib/typescript/i18n/fr.json +7 -0
- package/lib/typescript/i18n/he.json +7 -0
- package/lib/typescript/i18n/hi.json +7 -0
- package/lib/typescript/i18n/it.json +7 -0
- package/lib/typescript/i18n/ja.json +7 -0
- package/lib/typescript/i18n/ko.json +7 -0
- package/lib/typescript/i18n/nl.json +7 -0
- package/lib/typescript/i18n/pt-br.json +7 -0
- package/lib/typescript/i18n/ru.json +7 -0
- package/lib/typescript/i18n/tr.json +7 -0
- package/lib/typescript/icons/MessageBubble.d.ts +4 -0
- package/lib/typescript/icons/MessageBubble.d.ts.map +1 -0
- package/lib/typescript/icons/MessageBubbleEmpty.d.ts +4 -0
- package/lib/typescript/icons/MessageBubbleEmpty.d.ts.map +1 -0
- package/lib/typescript/icons/Reload.d.ts +4 -0
- package/lib/typescript/icons/Reload.d.ts.map +1 -0
- package/lib/typescript/icons/index.d.ts +3 -0
- package/lib/typescript/icons/index.d.ts.map +1 -1
- package/lib/typescript/store/mappers/mapDateTimeToStorable.d.ts +1 -1
- package/lib/typescript/store/mappers/mapDateTimeToStorable.d.ts.map +1 -1
- package/lib/typescript/utils/i18n/Streami18n.d.ts +7 -0
- package/lib/typescript/utils/i18n/Streami18n.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/Channel/Channel.tsx +54 -20
- package/src/components/Channel/hooks/useCreateThreadContext.ts +36 -31
- package/src/components/Chat/Chat.tsx +10 -0
- package/src/components/Indicators/EmptyStateIndicator.tsx +9 -2
- package/src/components/Indicators/LoadingIndicator.tsx +3 -1
- package/src/components/Message/hooks/useProcessReactions.ts +25 -4
- package/src/components/MessageList/InlineLoadingMoreRecentThreadIndicator.tsx +64 -0
- package/src/components/MessageList/MessageList.tsx +23 -9
- package/src/components/Thread/Thread.tsx +18 -9
- package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap +6 -0
- package/src/components/Thread/components/ThreadFooterComponent.tsx +28 -2
- package/src/components/ThreadList/ThreadList.tsx +118 -0
- package/src/components/ThreadList/ThreadListItem.tsx +268 -0
- package/src/components/ThreadList/ThreadListUnreadBanner.tsx +52 -0
- package/src/components/index.ts +1 -1
- package/src/contexts/themeContext/utils/theme.ts +36 -0
- package/src/contexts/threadContext/ThreadContext.tsx +9 -2
- package/src/contexts/threadsContext/ThreadListItemContext.tsx +41 -0
- package/src/contexts/threadsContext/ThreadsContext.tsx +62 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useStateStore.ts +31 -0
- package/src/i18n/en.json +7 -0
- package/src/i18n/es.json +7 -0
- package/src/i18n/fr.json +7 -0
- package/src/i18n/he.json +7 -0
- package/src/i18n/hi.json +7 -0
- package/src/i18n/it.json +7 -0
- package/src/i18n/ja.json +7 -0
- package/src/i18n/ko.json +7 -0
- package/src/i18n/nl.json +7 -0
- package/src/i18n/pt-br.json +7 -0
- package/src/i18n/ru.json +7 -0
- package/src/i18n/tr.json +7 -0
- package/src/icons/MessageBubble.tsx +12 -0
- package/src/icons/MessageBubbleEmpty.tsx +12 -0
- package/src/icons/Reload.tsx +12 -0
- package/src/icons/index.ts +3 -0
- package/src/store/mappers/mapDateTimeToStorable.ts +1 -1
- package/src/version.json +1 -1
- package/lib/commonjs/components/MessageList/InlineLoadingMoreThreadIndicator.js +0 -52
- package/lib/commonjs/components/MessageList/InlineLoadingMoreThreadIndicator.js.map +0 -1
- package/lib/module/components/MessageList/InlineLoadingMoreThreadIndicator.js +0 -52
- package/lib/module/components/MessageList/InlineLoadingMoreThreadIndicator.js.map +0 -1
- package/lib/typescript/components/MessageList/InlineLoadingMoreThreadIndicator.d.ts +0 -8
- package/lib/typescript/components/MessageList/InlineLoadingMoreThreadIndicator.d.ts.map +0 -1
- package/src/components/MessageList/InlineLoadingMoreThreadIndicator.tsx +0 -64
|
@@ -34,8 +34,12 @@ var ThreadWithContext = function ThreadWithContext(props) {
|
|
|
34
34
|
onThreadDismount = props.onThreadDismount,
|
|
35
35
|
_props$parentMessageP = props.parentMessagePreventPress,
|
|
36
36
|
parentMessagePreventPress = _props$parentMessageP === void 0 ? true : _props$parentMessageP,
|
|
37
|
-
thread = props.thread
|
|
37
|
+
thread = props.thread,
|
|
38
|
+
threadInstance = props.threadInstance;
|
|
38
39
|
(0, _react.useEffect)(function () {
|
|
40
|
+
if (threadInstance != null && threadInstance.activate) {
|
|
41
|
+
threadInstance.activate();
|
|
42
|
+
}
|
|
39
43
|
var loadMoreThreadAsync = function () {
|
|
40
44
|
var _ref = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
|
|
41
45
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
@@ -56,9 +60,10 @@ var ThreadWithContext = function ThreadWithContext(props) {
|
|
|
56
60
|
if (thread != null && thread.id && thread.reply_count) {
|
|
57
61
|
loadMoreThreadAsync();
|
|
58
62
|
}
|
|
59
|
-
}, []);
|
|
60
|
-
(0, _react.useEffect)(function () {
|
|
61
63
|
return function () {
|
|
64
|
+
if (threadInstance != null && threadInstance.deactivate) {
|
|
65
|
+
threadInstance.deactivate();
|
|
66
|
+
}
|
|
62
67
|
if (closeThreadOnDismount) {
|
|
63
68
|
closeThread();
|
|
64
69
|
}
|
|
@@ -96,7 +101,8 @@ var Thread = function Thread(props) {
|
|
|
96
101
|
closeThread = _useThreadContext.closeThread,
|
|
97
102
|
loadMoreThread = _useThreadContext.loadMoreThread,
|
|
98
103
|
reloadThread = _useThreadContext.reloadThread,
|
|
99
|
-
thread = _useThreadContext.thread
|
|
104
|
+
thread = _useThreadContext.thread,
|
|
105
|
+
threadInstance = _useThreadContext.threadInstance;
|
|
100
106
|
if (thread != null && thread.id && !threadList) {
|
|
101
107
|
throw new Error('Please add a threadList prop to your Channel component when rendering a thread list. Check our Channel documentation for more info: https://getstream.io/chat/docs/sdk/reactnative/core-components/channel/#threadlist');
|
|
102
108
|
}
|
|
@@ -106,7 +112,8 @@ var Thread = function Thread(props) {
|
|
|
106
112
|
loadMoreThread: loadMoreThread,
|
|
107
113
|
MessageList: MessageList,
|
|
108
114
|
reloadThread: reloadThread,
|
|
109
|
-
thread: thread
|
|
115
|
+
thread: thread,
|
|
116
|
+
threadInstance: threadInstance
|
|
110
117
|
}, props));
|
|
111
118
|
};
|
|
112
119
|
exports.Thread = Thread;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_ThreadFooterComponent","_ChannelContext","_ChatContext","_MessagesContext","_ThreadContext","_MessageInput","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ThreadWithContext","props","additionalMessageInputProps","additionalMessageListProps","_props$autoFocus","autoFocus","closeThread","_props$closeThreadOnD","closeThreadOnDismount","disabled","loadMoreThread","_props$MessageInput","MessageInput","DefaultMessageInput","MessageList","onThreadDismount","_props$parentMessageP","parentMessagePreventPress","thread","useEffect","loadMoreThreadAsync","_ref","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","stop","apply","arguments","id","reply_count","jsxs","Fragment","children","jsx","assign","FooterComponent","ThreadFooterComponent","threadList","additionalTextInputProps","editable","concat","Thread","_useChatContext","useChatContext","client","_useChannelContext","useChannelContext","_useMessagesContext","useMessagesContext","_useThreadContext","useThreadContext","reloadThread","Error","exports"],"sourceRoot":"../../../../src","sources":["components/Thread/Thread.tsx"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAIA,IAAAK,cAAA,GAAAL,OAAA;AAGA,IAAAM,aAAA,GAAAN,OAAA;AAGsC,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,KAAA;EAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_ThreadFooterComponent","_ChannelContext","_ChatContext","_MessagesContext","_ThreadContext","_MessageInput","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ThreadWithContext","props","additionalMessageInputProps","additionalMessageListProps","_props$autoFocus","autoFocus","closeThread","_props$closeThreadOnD","closeThreadOnDismount","disabled","loadMoreThread","_props$MessageInput","MessageInput","DefaultMessageInput","MessageList","onThreadDismount","_props$parentMessageP","parentMessagePreventPress","thread","threadInstance","useEffect","activate","loadMoreThreadAsync","_ref","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","stop","apply","arguments","id","reply_count","deactivate","jsxs","Fragment","children","jsx","assign","FooterComponent","ThreadFooterComponent","threadList","additionalTextInputProps","editable","concat","Thread","_useChatContext","useChatContext","client","_useChannelContext","useChannelContext","_useMessagesContext","useMessagesContext","_useThreadContext","useThreadContext","reloadThread","Error","exports"],"sourceRoot":"../../../../src","sources":["components/Thread/Thread.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ThreadFooterComponent = void 0;
|
|
6
|
+
exports.ThreadFooterComponent = exports.InlineLoadingMoreThreadIndicator = void 0;
|
|
7
7
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactNative = require("react-native");
|
|
@@ -23,6 +23,10 @@ var styles = _reactNative.StyleSheet.create({
|
|
|
23
23
|
absolute: {
|
|
24
24
|
position: 'absolute'
|
|
25
25
|
},
|
|
26
|
+
activityIndicatorContainer: {
|
|
27
|
+
padding: 10,
|
|
28
|
+
width: '100%'
|
|
29
|
+
},
|
|
26
30
|
messagePadding: {
|
|
27
31
|
paddingHorizontal: 8
|
|
28
32
|
},
|
|
@@ -40,6 +44,23 @@ var styles = _reactNative.StyleSheet.create({
|
|
|
40
44
|
marginVertical: 8
|
|
41
45
|
}
|
|
42
46
|
});
|
|
47
|
+
var InlineLoadingMoreThreadIndicator = function InlineLoadingMoreThreadIndicator() {
|
|
48
|
+
var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
|
|
49
|
+
threadLoadingMore = _useThreadContext.threadLoadingMore;
|
|
50
|
+
var _useTheme = (0, _ThemeContext.useTheme)(),
|
|
51
|
+
accent_blue = _useTheme.theme.colors.accent_blue;
|
|
52
|
+
if (!threadLoadingMore) {
|
|
53
|
+
return null;
|
|
54
|
+
}
|
|
55
|
+
return (0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
56
|
+
style: styles.activityIndicatorContainer,
|
|
57
|
+
children: (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
58
|
+
color: accent_blue,
|
|
59
|
+
size: "small"
|
|
60
|
+
})
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
exports.InlineLoadingMoreThreadIndicator = InlineLoadingMoreThreadIndicator;
|
|
43
64
|
var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext(props) {
|
|
44
65
|
var Message = props.Message,
|
|
45
66
|
parentMessagePreventPress = props.parentMessagePreventPress,
|
|
@@ -48,18 +69,18 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
|
|
|
48
69
|
t = _useTranslationContex.t;
|
|
49
70
|
var _useViewport = (0, _useViewport2.useViewport)(),
|
|
50
71
|
vw = _useViewport.vw;
|
|
51
|
-
var
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
bg_gradient_end =
|
|
55
|
-
bg_gradient_start =
|
|
56
|
-
grey =
|
|
57
|
-
|
|
58
|
-
backgroundGradientStart =
|
|
59
|
-
backgroundGradientStop =
|
|
60
|
-
text =
|
|
61
|
-
threadHeight =
|
|
62
|
-
newThread = (0, _objectWithoutProperties2["default"])(
|
|
72
|
+
var _useTheme2 = (0, _ThemeContext.useTheme)(),
|
|
73
|
+
_useTheme2$theme = _useTheme2.theme,
|
|
74
|
+
_useTheme2$theme$colo = _useTheme2$theme.colors,
|
|
75
|
+
bg_gradient_end = _useTheme2$theme$colo.bg_gradient_end,
|
|
76
|
+
bg_gradient_start = _useTheme2$theme$colo.bg_gradient_start,
|
|
77
|
+
grey = _useTheme2$theme$colo.grey,
|
|
78
|
+
_useTheme2$theme$thre = _useTheme2$theme.thread.newThread,
|
|
79
|
+
backgroundGradientStart = _useTheme2$theme$thre.backgroundGradientStart,
|
|
80
|
+
backgroundGradientStop = _useTheme2$theme$thre.backgroundGradientStop,
|
|
81
|
+
text = _useTheme2$theme$thre.text,
|
|
82
|
+
threadHeight = _useTheme2$theme$thre.threadHeight,
|
|
83
|
+
newThread = (0, _objectWithoutProperties2["default"])(_useTheme2$theme$thre, _excluded);
|
|
63
84
|
if (!thread) return null;
|
|
64
85
|
var replyCount = thread.reply_count;
|
|
65
86
|
return (0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
@@ -112,7 +133,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
|
|
|
112
133
|
replyCount: replyCount
|
|
113
134
|
})
|
|
114
135
|
})]
|
|
115
|
-
})]
|
|
136
|
+
}), (0, _jsxRuntime.jsx)(InlineLoadingMoreThreadIndicator, {})]
|
|
116
137
|
});
|
|
117
138
|
};
|
|
118
139
|
var areEqual = function areEqual(prevProps, nextProps) {
|
|
@@ -135,13 +156,15 @@ var MemoizedThreadFooter = _react["default"].memo(ThreadFooterComponentWithConte
|
|
|
135
156
|
var ThreadFooterComponent = function ThreadFooterComponent(props) {
|
|
136
157
|
var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
|
|
137
158
|
Message = _useMessagesContext.Message;
|
|
138
|
-
var
|
|
139
|
-
parentMessagePreventPress =
|
|
140
|
-
thread =
|
|
159
|
+
var _useThreadContext2 = (0, _ThreadContext.useThreadContext)(),
|
|
160
|
+
parentMessagePreventPress = _useThreadContext2.parentMessagePreventPress,
|
|
161
|
+
thread = _useThreadContext2.thread,
|
|
162
|
+
threadLoadingMore = _useThreadContext2.threadLoadingMore;
|
|
141
163
|
return (0, _jsxRuntime.jsx)(MemoizedThreadFooter, Object.assign({
|
|
142
164
|
Message: Message,
|
|
143
165
|
parentMessagePreventPress: parentMessagePreventPress,
|
|
144
|
-
thread: thread
|
|
166
|
+
thread: thread,
|
|
167
|
+
threadLoadingMore: threadLoadingMore
|
|
145
168
|
}, props));
|
|
146
169
|
};
|
|
147
170
|
exports.ThreadFooterComponent = ThreadFooterComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_MessagesContext","_ThemeContext","_ThreadContext","_TranslationContext","_useViewport2","_jsxRuntime","_excluded","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","absolute","position","messagePadding","paddingHorizontal","newThread","alignItems","height","justifyContent","marginTop","text","fontSize","textAlign","threadHeaderContainer","marginVertical","ThreadFooterComponentWithContext","props","Message","parentMessagePreventPress","thread","_useTranslationContex","useTranslationContext","_useViewport","useViewport","vw","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_MessagesContext","_ThemeContext","_ThreadContext","_TranslationContext","_useViewport2","_jsxRuntime","_excluded","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","absolute","position","activityIndicatorContainer","padding","width","messagePadding","paddingHorizontal","newThread","alignItems","height","justifyContent","marginTop","text","fontSize","textAlign","threadHeaderContainer","marginVertical","InlineLoadingMoreThreadIndicator","_useThreadContext","useThreadContext","threadLoadingMore","_useTheme","useTheme","accent_blue","theme","colors","jsx","View","style","children","ActivityIndicator","color","size","exports","ThreadFooterComponentWithContext","props","Message","parentMessagePreventPress","thread","_useTranslationContex","useTranslationContext","_useViewport","useViewport","vw","_useTheme2","_useTheme2$theme","_useTheme2$theme$colo","bg_gradient_end","bg_gradient_start","grey","_useTheme2$theme$thre","backgroundGradientStart","backgroundGradientStop","threadHeight","_objectWithoutProperties2","replyCount","reply_count","jsxs","testID","groupStyles","message","preventPress","threadList","Rect","fill","x","y","Defs","LinearGradient","gradientUnits","id","x1","x2","y1","y2","Stop","offset","stopColor","stopOpacity","Text","areEqual","prevProps","nextProps","prevParentMessagePreventPress","prevThread","nextParentMessagePreventPress","nextThread","threadEqual","latestReactionsEqual","Array","isArray","latest_reactions","length","every","_ref","index","_nextThread$latest_re","type","MemoizedThreadFooter","React","memo","ThreadFooterComponent","_useMessagesContext","useMessagesContext","_useThreadContext2","assign"],"sourceRoot":"../../../../../src","sources":["components/Thread/components/ThreadFooterComponent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
2
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ThreadList = exports.DefaultThreadListLoadingNextIndicator = exports.DefaultThreadListLoadingIndicator = exports.DefaultThreadListEmptyPlaceholder = void 0;
|
|
7
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _ThreadListItem = require("./ThreadListItem");
|
|
11
|
+
var _ThreadListUnreadBanner = require("./ThreadListUnreadBanner");
|
|
12
|
+
var _contexts = require("../../contexts");
|
|
13
|
+
var _ThreadsContext = require("../../contexts/threadsContext/ThreadsContext");
|
|
14
|
+
var _hooks = require("../../hooks");
|
|
15
|
+
var _EmptyStateIndicator = require("../Indicators/EmptyStateIndicator");
|
|
16
|
+
var _LoadingIndicator = require("../Indicators/LoadingIndicator");
|
|
17
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
+
var _this = this,
|
|
19
|
+
_jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ThreadList/ThreadList.tsx";
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
22
|
+
var selector = function selector(nextValue) {
|
|
23
|
+
return [nextValue.threads, nextValue.pagination.isLoading, nextValue.pagination.isLoadingNext];
|
|
24
|
+
};
|
|
25
|
+
var DefaultThreadListEmptyPlaceholder = function DefaultThreadListEmptyPlaceholder() {
|
|
26
|
+
return (0, _jsxRuntime.jsx)(_EmptyStateIndicator.EmptyStateIndicator, {
|
|
27
|
+
listType: "threads"
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
exports.DefaultThreadListEmptyPlaceholder = DefaultThreadListEmptyPlaceholder;
|
|
31
|
+
var DefaultThreadListLoadingIndicator = function DefaultThreadListLoadingIndicator() {
|
|
32
|
+
return (0, _jsxRuntime.jsx)(_LoadingIndicator.LoadingIndicator, {
|
|
33
|
+
listType: "threads"
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
exports.DefaultThreadListLoadingIndicator = DefaultThreadListLoadingIndicator;
|
|
37
|
+
var DefaultThreadListLoadingNextIndicator = function DefaultThreadListLoadingNextIndicator() {
|
|
38
|
+
return (0, _jsxRuntime.jsx)(_LoadingIndicator.LoadingIndicator, {});
|
|
39
|
+
};
|
|
40
|
+
exports.DefaultThreadListLoadingNextIndicator = DefaultThreadListLoadingNextIndicator;
|
|
41
|
+
var DefaultThreadListItem = function DefaultThreadListItem(props) {
|
|
42
|
+
return (0, _jsxRuntime.jsx)(_ThreadListItem.ThreadListItem, {
|
|
43
|
+
thread: props.item
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
var ThreadListComponent = function ThreadListComponent() {
|
|
47
|
+
var _useThreadsContext = (0, _ThreadsContext.useThreadsContext)(),
|
|
48
|
+
additionalFlatListProps = _useThreadsContext.additionalFlatListProps,
|
|
49
|
+
isLoading = _useThreadsContext.isLoading,
|
|
50
|
+
isLoadingNext = _useThreadsContext.isLoadingNext,
|
|
51
|
+
loadMore = _useThreadsContext.loadMore,
|
|
52
|
+
_useThreadsContext$Th = _useThreadsContext.ThreadListEmptyPlaceholder,
|
|
53
|
+
ThreadListEmptyPlaceholder = _useThreadsContext$Th === void 0 ? DefaultThreadListEmptyPlaceholder : _useThreadsContext$Th,
|
|
54
|
+
_useThreadsContext$Th2 = _useThreadsContext.ThreadListLoadingIndicator,
|
|
55
|
+
ThreadListLoadingIndicator = _useThreadsContext$Th2 === void 0 ? DefaultThreadListLoadingIndicator : _useThreadsContext$Th2,
|
|
56
|
+
_useThreadsContext$Th3 = _useThreadsContext.ThreadListLoadingMoreIndicator,
|
|
57
|
+
ThreadListLoadingMoreIndicator = _useThreadsContext$Th3 === void 0 ? DefaultThreadListLoadingNextIndicator : _useThreadsContext$Th3,
|
|
58
|
+
_useThreadsContext$Th4 = _useThreadsContext.ThreadListUnreadBanner,
|
|
59
|
+
ThreadListUnreadBanner = _useThreadsContext$Th4 === void 0 ? _ThreadListUnreadBanner.ThreadListUnreadBanner : _useThreadsContext$Th4,
|
|
60
|
+
threads = _useThreadsContext.threads;
|
|
61
|
+
if (isLoading) {
|
|
62
|
+
return (0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
63
|
+
style: {
|
|
64
|
+
flex: 1
|
|
65
|
+
},
|
|
66
|
+
children: (0, _jsxRuntime.jsx)(ThreadListLoadingIndicator, {})
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
70
|
+
children: [(0, _jsxRuntime.jsx)(ThreadListUnreadBanner, {}), (0, _jsxRuntime.jsx)(_reactNative.FlatList, Object.assign({
|
|
71
|
+
contentContainerStyle: {
|
|
72
|
+
flexGrow: 1
|
|
73
|
+
},
|
|
74
|
+
data: threads,
|
|
75
|
+
keyExtractor: function keyExtractor(props) {
|
|
76
|
+
return props.id;
|
|
77
|
+
},
|
|
78
|
+
ListEmptyComponent: ThreadListEmptyPlaceholder,
|
|
79
|
+
ListFooterComponent: isLoadingNext ? ThreadListLoadingMoreIndicator : null,
|
|
80
|
+
onEndReached: loadMore,
|
|
81
|
+
renderItem: DefaultThreadListItem,
|
|
82
|
+
testID: "thread-flatlist"
|
|
83
|
+
}, additionalFlatListProps))]
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
var ThreadList = function ThreadList(props) {
|
|
87
|
+
var _props$isFocused = props.isFocused,
|
|
88
|
+
isFocused = _props$isFocused === void 0 ? true : _props$isFocused,
|
|
89
|
+
_props$ThreadList = props.ThreadList,
|
|
90
|
+
ThreadList = _props$ThreadList === void 0 ? ThreadListComponent : _props$ThreadList;
|
|
91
|
+
var _useChatContext = (0, _contexts.useChatContext)(),
|
|
92
|
+
client = _useChatContext.client;
|
|
93
|
+
(0, _react.useEffect)(function () {
|
|
94
|
+
if (!client) return;
|
|
95
|
+
if (isFocused) {
|
|
96
|
+
client.threads.activate();
|
|
97
|
+
} else {
|
|
98
|
+
client.threads.deactivate();
|
|
99
|
+
}
|
|
100
|
+
}, [client, isFocused]);
|
|
101
|
+
(0, _react.useEffect)(function () {
|
|
102
|
+
if (!client) return;
|
|
103
|
+
var listener = client.on('connection.recovered', function () {
|
|
104
|
+
client.threads.reload({
|
|
105
|
+
force: true
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
client.threads.reload({
|
|
109
|
+
force: true
|
|
110
|
+
});
|
|
111
|
+
return function () {
|
|
112
|
+
client.threads.deactivate();
|
|
113
|
+
listener.unsubscribe();
|
|
114
|
+
};
|
|
115
|
+
}, [client]);
|
|
116
|
+
var _useStateStore = (0, _hooks.useStateStore)(client.threads.state, selector),
|
|
117
|
+
_useStateStore2 = (0, _slicedToArray2["default"])(_useStateStore, 3),
|
|
118
|
+
threads = _useStateStore2[0],
|
|
119
|
+
isLoading = _useStateStore2[1],
|
|
120
|
+
isLoadingNext = _useStateStore2[2];
|
|
121
|
+
return (0, _jsxRuntime.jsx)(_ThreadsContext.ThreadsProvider, {
|
|
122
|
+
value: Object.assign({
|
|
123
|
+
isLoading: isLoading,
|
|
124
|
+
isLoadingNext: isLoadingNext,
|
|
125
|
+
loadMore: client.threads.loadNextPage,
|
|
126
|
+
threads: threads
|
|
127
|
+
}, props),
|
|
128
|
+
children: (0, _jsxRuntime.jsx)(ThreadList, {})
|
|
129
|
+
});
|
|
130
|
+
};
|
|
131
|
+
exports.ThreadList = ThreadList;
|
|
132
|
+
//# sourceMappingURL=ThreadList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThreadListItem","_ThreadListUnreadBanner","_contexts","_ThreadsContext","_hooks","_EmptyStateIndicator","_LoadingIndicator","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","selector","nextValue","threads","pagination","isLoading","isLoadingNext","DefaultThreadListEmptyPlaceholder","jsx","EmptyStateIndicator","listType","exports","DefaultThreadListLoadingIndicator","LoadingIndicator","DefaultThreadListLoadingNextIndicator","DefaultThreadListItem","props","ThreadListItem","thread","item","ThreadListComponent","_useThreadsContext","useThreadsContext","additionalFlatListProps","loadMore","_useThreadsContext$Th","ThreadListEmptyPlaceholder","_useThreadsContext$Th2","ThreadListLoadingIndicator","_useThreadsContext$Th3","ThreadListLoadingMoreIndicator","_useThreadsContext$Th4","ThreadListUnreadBanner","DefaultThreadListBanner","View","style","flex","children","jsxs","Fragment","FlatList","assign","contentContainerStyle","flexGrow","data","keyExtractor","id","ListEmptyComponent","ListFooterComponent","onEndReached","renderItem","testID","ThreadList","_props$isFocused","isFocused","_props$ThreadList","_useChatContext","useChatContext","client","useEffect","activate","deactivate","listener","on","reload","force","unsubscribe","_useStateStore","useStateStore","state","_useStateStore2","_slicedToArray2","ThreadsProvider","value","loadNextPage"],"sourceRoot":"../../../../src","sources":["components/ThreadList/ThreadList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
2
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.attachmentTypeIconMap = exports.ThreadListItemComponent = exports.ThreadListItem = void 0;
|
|
7
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _contexts = require("../../contexts");
|
|
11
|
+
var _ThreadListItemContext = require("../../contexts/threadsContext/ThreadListItemContext");
|
|
12
|
+
var _ThreadsContext = require("../../contexts/threadsContext/ThreadsContext");
|
|
13
|
+
var _hooks = require("../../hooks");
|
|
14
|
+
var _icons = require("../../icons");
|
|
15
|
+
var _getDateString = require("../../utils/i18n/getDateString");
|
|
16
|
+
var _Avatar = require("../Avatar/Avatar");
|
|
17
|
+
var _useChannelPreviewDisplayName = require("../ChannelPreview/hooks/useChannelPreviewDisplayName");
|
|
18
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
+
var _this = this,
|
|
20
|
+
_jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ThreadList/ThreadListItem.tsx";
|
|
21
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
23
|
+
var styles = _reactNative.StyleSheet.create({
|
|
24
|
+
boldText: {
|
|
25
|
+
fontSize: 14,
|
|
26
|
+
fontWeight: '500'
|
|
27
|
+
},
|
|
28
|
+
contentRow: {
|
|
29
|
+
flexDirection: 'row',
|
|
30
|
+
marginTop: 6
|
|
31
|
+
},
|
|
32
|
+
contentTextWrapper: {
|
|
33
|
+
flex: 1,
|
|
34
|
+
marginLeft: 8
|
|
35
|
+
},
|
|
36
|
+
dateText: {
|
|
37
|
+
alignSelf: 'flex-end'
|
|
38
|
+
},
|
|
39
|
+
headerRow: {
|
|
40
|
+
flexDirection: 'row'
|
|
41
|
+
},
|
|
42
|
+
infoRow: {
|
|
43
|
+
alignItems: 'center',
|
|
44
|
+
flexDirection: 'row'
|
|
45
|
+
},
|
|
46
|
+
lastReplyText: {
|
|
47
|
+
flex: 1,
|
|
48
|
+
fontSize: 14,
|
|
49
|
+
marginTop: 4
|
|
50
|
+
},
|
|
51
|
+
parentMessageText: {
|
|
52
|
+
flex: 1,
|
|
53
|
+
fontSize: 12
|
|
54
|
+
},
|
|
55
|
+
touchableWrapper: {
|
|
56
|
+
flex: 1,
|
|
57
|
+
paddingHorizontal: 8,
|
|
58
|
+
paddingVertical: 14
|
|
59
|
+
},
|
|
60
|
+
unreadBubbleWrapper: {
|
|
61
|
+
alignItems: 'center',
|
|
62
|
+
alignSelf: 'flex-end',
|
|
63
|
+
borderRadius: 50,
|
|
64
|
+
height: 22,
|
|
65
|
+
justifyContent: 'center',
|
|
66
|
+
width: 22
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
var attachmentTypeIconMap = {
|
|
70
|
+
audio: '🔈',
|
|
71
|
+
file: '📄',
|
|
72
|
+
image: '📷',
|
|
73
|
+
video: '🎥',
|
|
74
|
+
voiceRecording: '🎙️'
|
|
75
|
+
};
|
|
76
|
+
exports.attachmentTypeIconMap = attachmentTypeIconMap;
|
|
77
|
+
var getTitleFromMessage = function getTitleFromMessage(_ref) {
|
|
78
|
+
var _message$attachments, _attachmentTypeIconMa, _ref2, _message$user;
|
|
79
|
+
var currentUserId = _ref.currentUserId,
|
|
80
|
+
message = _ref.message,
|
|
81
|
+
t = _ref.t;
|
|
82
|
+
var attachment = message == null ? void 0 : (_message$attachments = message.attachments) == null ? void 0 : _message$attachments.at(0);
|
|
83
|
+
var attachmentIcon = attachment ? "".concat((_attachmentTypeIconMa = attachmentTypeIconMap[(_ref2 = attachment.type) != null ? _ref2 : 'file']) != null ? _attachmentTypeIconMa : attachmentTypeIconMap.file, " ") : '';
|
|
84
|
+
var messageBelongsToCurrentUserPrefix = (message == null ? void 0 : (_message$user = message.user) == null ? void 0 : _message$user.id) === currentUserId ? "".concat(t('You'), ": ") : '';
|
|
85
|
+
if (message != null && message.deleted_at && message.parent_id) return "".concat(messageBelongsToCurrentUserPrefix).concat(t('This reply was deleted'), ".");
|
|
86
|
+
if (message != null && message.deleted_at && !message.parent_id) return "".concat(messageBelongsToCurrentUserPrefix).concat(t('The source message was deleted'), ".");
|
|
87
|
+
if ((attachment == null ? void 0 : attachment.type) === 'voiceRecording') return "".concat(attachmentIcon).concat(messageBelongsToCurrentUserPrefix).concat(t('Voice message'), ".");
|
|
88
|
+
return "".concat(attachmentIcon).concat(messageBelongsToCurrentUserPrefix).concat((message == null ? void 0 : message.text) || (attachment == null ? void 0 : attachment.fallback) || 'N/A');
|
|
89
|
+
};
|
|
90
|
+
var ThreadListItemComponent = function ThreadListItemComponent() {
|
|
91
|
+
var _lastReply$user, _lastReply$user2, _lastReply$user3;
|
|
92
|
+
var _useThreadListItemCon = (0, _ThreadListItemContext.useThreadListItemContext)(),
|
|
93
|
+
channel = _useThreadListItemCon.channel,
|
|
94
|
+
dateString = _useThreadListItemCon.dateString,
|
|
95
|
+
deletedAtDateString = _useThreadListItemCon.deletedAtDateString,
|
|
96
|
+
lastReply = _useThreadListItemCon.lastReply,
|
|
97
|
+
ownUnreadMessageCount = _useThreadListItemCon.ownUnreadMessageCount,
|
|
98
|
+
parentMessage = _useThreadListItemCon.parentMessage,
|
|
99
|
+
thread = _useThreadListItemCon.thread;
|
|
100
|
+
var displayName = (0, _useChannelPreviewDisplayName.useChannelPreviewDisplayName)(channel);
|
|
101
|
+
var _useThreadsContext = (0, _ThreadsContext.useThreadsContext)(),
|
|
102
|
+
onThreadSelect = _useThreadsContext.onThreadSelect;
|
|
103
|
+
var _useChatContext = (0, _contexts.useChatContext)(),
|
|
104
|
+
client = _useChatContext.client;
|
|
105
|
+
var _useTranslationContex = (0, _contexts.useTranslationContext)(),
|
|
106
|
+
t = _useTranslationContex.t;
|
|
107
|
+
var _useTheme = (0, _contexts.useTheme)(),
|
|
108
|
+
_useTheme$theme = _useTheme.theme,
|
|
109
|
+
_useTheme$theme$color = _useTheme$theme.colors,
|
|
110
|
+
accent_red = _useTheme$theme$color.accent_red,
|
|
111
|
+
text_low_emphasis = _useTheme$theme$color.text_low_emphasis,
|
|
112
|
+
white = _useTheme$theme$color.white,
|
|
113
|
+
threadListItem = _useTheme$theme.threadListItem;
|
|
114
|
+
return (0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
|
|
115
|
+
onPress: function onPress() {
|
|
116
|
+
if (onThreadSelect) {
|
|
117
|
+
onThreadSelect({
|
|
118
|
+
thread: parentMessage,
|
|
119
|
+
threadInstance: thread
|
|
120
|
+
}, channel);
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
style: [styles.touchableWrapper, threadListItem.touchableWrapper],
|
|
124
|
+
testID: "thread-list-item",
|
|
125
|
+
children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
126
|
+
style: [styles.headerRow, threadListItem.headerRow],
|
|
127
|
+
children: [(0, _jsxRuntime.jsx)(_icons.MessageBubble, {}), (0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
128
|
+
style: [styles.boldText, {
|
|
129
|
+
color: text_low_emphasis
|
|
130
|
+
}, threadListItem.boldText],
|
|
131
|
+
children: displayName || 'N/A'
|
|
132
|
+
})]
|
|
133
|
+
}), (0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
134
|
+
style: [styles.infoRow, threadListItem.infoRow],
|
|
135
|
+
children: [(0, _jsxRuntime.jsxs)(_reactNative.Text, {
|
|
136
|
+
numberOfLines: 1,
|
|
137
|
+
style: [styles.parentMessageText, {
|
|
138
|
+
color: text_low_emphasis
|
|
139
|
+
}, threadListItem.parentMessageText],
|
|
140
|
+
children: [t('replied to'), ": ", getTitleFromMessage({
|
|
141
|
+
message: parentMessage,
|
|
142
|
+
t: t
|
|
143
|
+
})]
|
|
144
|
+
}), ownUnreadMessageCount > 0 && !deletedAtDateString ? (0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
145
|
+
style: [styles.unreadBubbleWrapper, {
|
|
146
|
+
backgroundColor: accent_red
|
|
147
|
+
}, threadListItem.unreadBubbleWrapper],
|
|
148
|
+
children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
149
|
+
style: [{
|
|
150
|
+
color: white
|
|
151
|
+
}, threadListItem.unreadBubbleText],
|
|
152
|
+
children: ownUnreadMessageCount
|
|
153
|
+
})
|
|
154
|
+
}) : null]
|
|
155
|
+
}), (0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
156
|
+
style: [styles.contentRow, threadListItem.contentRow],
|
|
157
|
+
children: [(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
|
|
158
|
+
image: lastReply == null ? void 0 : (_lastReply$user = lastReply.user) == null ? void 0 : _lastReply$user.image,
|
|
159
|
+
online: lastReply == null ? void 0 : (_lastReply$user2 = lastReply.user) == null ? void 0 : _lastReply$user2.online,
|
|
160
|
+
size: 40
|
|
161
|
+
}), (0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
162
|
+
style: [styles.contentTextWrapper, threadListItem.contentTextWrapper],
|
|
163
|
+
children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
164
|
+
style: [styles.boldText, {
|
|
165
|
+
color: text_low_emphasis
|
|
166
|
+
}, threadListItem.boldText],
|
|
167
|
+
children: lastReply == null ? void 0 : (_lastReply$user3 = lastReply.user) == null ? void 0 : _lastReply$user3.name
|
|
168
|
+
}), (0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
169
|
+
style: [styles.headerRow, threadListItem.headerRow],
|
|
170
|
+
children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
171
|
+
numberOfLines: 1,
|
|
172
|
+
style: [styles.lastReplyText, {
|
|
173
|
+
color: text_low_emphasis
|
|
174
|
+
}, threadListItem.lastReplyText],
|
|
175
|
+
children: deletedAtDateString ? 'This thread was deleted.' : getTitleFromMessage({
|
|
176
|
+
currentUserId: client.userID,
|
|
177
|
+
message: lastReply,
|
|
178
|
+
t: t
|
|
179
|
+
})
|
|
180
|
+
}), (0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
181
|
+
style: [styles.dateText, {
|
|
182
|
+
color: text_low_emphasis
|
|
183
|
+
}, threadListItem.dateText],
|
|
184
|
+
children: deletedAtDateString != null ? deletedAtDateString : dateString
|
|
185
|
+
})]
|
|
186
|
+
})]
|
|
187
|
+
})]
|
|
188
|
+
})]
|
|
189
|
+
});
|
|
190
|
+
};
|
|
191
|
+
exports.ThreadListItemComponent = ThreadListItemComponent;
|
|
192
|
+
var ThreadListItem = function ThreadListItem(props) {
|
|
193
|
+
var _useChatContext2 = (0, _contexts.useChatContext)(),
|
|
194
|
+
client = _useChatContext2.client;
|
|
195
|
+
var _useTranslationContex2 = (0, _contexts.useTranslationContext)(),
|
|
196
|
+
t = _useTranslationContex2.t,
|
|
197
|
+
tDateTimeParser = _useTranslationContex2.tDateTimeParser;
|
|
198
|
+
var thread = props.thread,
|
|
199
|
+
_props$timestampTrans = props.timestampTranslationKey,
|
|
200
|
+
timestampTranslationKey = _props$timestampTrans === void 0 ? 'timestamp/ThreadListItem' : _props$timestampTrans;
|
|
201
|
+
var _useThreadsContext2 = (0, _ThreadsContext.useThreadsContext)(),
|
|
202
|
+
_useThreadsContext2$T = _useThreadsContext2.ThreadListItem,
|
|
203
|
+
ThreadListItem = _useThreadsContext2$T === void 0 ? ThreadListItemComponent : _useThreadsContext2$T;
|
|
204
|
+
var selector = (0, _react.useCallback)(function (nextValue) {
|
|
205
|
+
var _nextValue$read$clien;
|
|
206
|
+
return [nextValue.replies.at(-1), client.userID && ((_nextValue$read$clien = nextValue.read[client.userID]) == null ? void 0 : _nextValue$read$clien.unreadMessageCount) || 0, nextValue.parentMessage, nextValue.channel, nextValue.deletedAt];
|
|
207
|
+
}, [client]);
|
|
208
|
+
var _useStateStore = (0, _hooks.useStateStore)(thread.state, selector),
|
|
209
|
+
_useStateStore2 = (0, _slicedToArray2["default"])(_useStateStore, 5),
|
|
210
|
+
lastReply = _useStateStore2[0],
|
|
211
|
+
ownUnreadMessageCount = _useStateStore2[1],
|
|
212
|
+
parentMessage = _useStateStore2[2],
|
|
213
|
+
channel = _useStateStore2[3],
|
|
214
|
+
deletedAt = _useStateStore2[4];
|
|
215
|
+
var timestamp = lastReply == null ? void 0 : lastReply.created_at;
|
|
216
|
+
var dateString = (0, _react.useMemo)(function () {
|
|
217
|
+
return (0, _getDateString.getDateString)({
|
|
218
|
+
date: timestamp,
|
|
219
|
+
t: t,
|
|
220
|
+
tDateTimeParser: tDateTimeParser,
|
|
221
|
+
timestampTranslationKey: timestampTranslationKey
|
|
222
|
+
});
|
|
223
|
+
}, [timestamp, t, tDateTimeParser, timestampTranslationKey]);
|
|
224
|
+
var deletedAtDateString = (0, _react.useMemo)(function () {
|
|
225
|
+
return (0, _getDateString.getDateString)({
|
|
226
|
+
date: deletedAt,
|
|
227
|
+
t: t,
|
|
228
|
+
tDateTimeParser: tDateTimeParser,
|
|
229
|
+
timestampTranslationKey: timestampTranslationKey
|
|
230
|
+
});
|
|
231
|
+
}, [deletedAt, t, tDateTimeParser, timestampTranslationKey]);
|
|
232
|
+
return (0, _jsxRuntime.jsx)(_ThreadListItemContext.ThreadListItemProvider, {
|
|
233
|
+
value: {
|
|
234
|
+
channel: channel,
|
|
235
|
+
dateString: dateString,
|
|
236
|
+
deletedAtDateString: deletedAtDateString,
|
|
237
|
+
lastReply: lastReply,
|
|
238
|
+
ownUnreadMessageCount: ownUnreadMessageCount,
|
|
239
|
+
parentMessage: parentMessage,
|
|
240
|
+
thread: thread
|
|
241
|
+
},
|
|
242
|
+
children: (0, _jsxRuntime.jsx)(ThreadListItem, {})
|
|
243
|
+
});
|
|
244
|
+
};
|
|
245
|
+
exports.ThreadListItem = ThreadListItem;
|
|
246
|
+
//# sourceMappingURL=ThreadListItem.js.map
|