@messenger-box/tailwind-ui-inbox 10.0.3-alpha.67 → 10.0.3-alpha.69
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/CHANGELOG.md +4 -0
- package/lib/components/InboxMessage/ConversationItem.d.ts +10 -7
- package/lib/components/InboxMessage/ConversationItem.d.ts.map +1 -1
- package/lib/components/InboxMessage/ConversationItem.js +58 -77
- package/lib/components/InboxMessage/ConversationItem.js.map +1 -1
- package/lib/components/InboxMessage/LeftSidebar.d.ts +2 -1
- package/lib/components/InboxMessage/LeftSidebar.d.ts.map +1 -1
- package/lib/components/InboxMessage/LeftSidebar.js +15 -8
- package/lib/components/InboxMessage/LeftSidebar.js.map +1 -1
- package/lib/components/InboxMessage/MessageInput.d.ts.map +1 -1
- package/lib/components/InboxMessage/MessageInput.js +15 -1
- package/lib/components/InboxMessage/MessageInput.js.map +1 -1
- package/lib/components/InboxMessage/SubscriptionHandler.d.ts +19 -0
- package/lib/components/InboxMessage/SubscriptionHandler.d.ts.map +1 -0
- package/lib/components/InboxMessage/SubscriptionHandler.js +41 -0
- package/lib/components/InboxMessage/SubscriptionHandler.js.map +1 -0
- package/lib/container/Inbox.d.ts.map +1 -1
- package/lib/container/Inbox.js +49 -28
- package/lib/container/Inbox.js.map +1 -1
- package/lib/container/InboxWithLoader.d.ts +10 -3
- package/lib/container/InboxWithLoader.d.ts.map +1 -1
- package/lib/container/InboxWithLoader.js +81 -30
- package/lib/container/InboxWithLoader.js.map +1 -1
- package/lib/container/ServiceInbox.js +1 -1
- package/lib/container/ServiceInbox.js.map +1 -1
- package/lib/container/ThreadMessages.js +1 -1
- package/lib/container/ThreadMessages.js.map +1 -1
- package/lib/container/ThreadMessagesInbox.js +1 -1
- package/lib/container/ThreadMessagesInbox.js.map +1 -1
- package/lib/container/Threads.js +1 -1
- package/lib/container/Threads.js.map +1 -1
- package/package.json +4 -4
- package/src/components/InboxMessage/ConversationItem.tsx +188 -186
- package/src/components/InboxMessage/LeftSidebar.tsx +20 -11
- package/src/components/InboxMessage/MessageInput.tsx +16 -1
- package/src/components/InboxMessage/SubscriptionHandler.tsx +55 -0
- package/src/container/Inbox.tsx +53 -35
- package/src/container/InboxWithLoader.tsx +104 -38
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [10.0.3-alpha.69](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.68...v10.0.3-alpha.69) (2025-08-11)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
9
|
+
|
|
6
10
|
## [10.0.3-alpha.67](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.66...v10.0.3-alpha.67) (2025-08-06)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
showBorder:
|
|
2
|
+
interface ConversationItemProps {
|
|
3
|
+
showBorder: boolean;
|
|
4
4
|
currentUser: any;
|
|
5
|
-
filter:
|
|
5
|
+
filter: string;
|
|
6
6
|
channel: any;
|
|
7
|
-
handleSelectChannel:
|
|
8
|
-
users: any;
|
|
9
|
-
selectedChannelId:
|
|
10
|
-
|
|
7
|
+
handleSelectChannel: (channelId: string) => void;
|
|
8
|
+
users: any[];
|
|
9
|
+
selectedChannelId: string;
|
|
10
|
+
messagesQuery: any;
|
|
11
|
+
}
|
|
12
|
+
export declare const ConversationItem: React.MemoExoticComponent<({ showBorder, currentUser, filter, channel, handleSelectChannel, users, selectedChannelId, messagesQuery: messagesQueryProp, }: ConversationItemProps) => React.JSX.Element>;
|
|
13
|
+
export {};
|
|
11
14
|
//# sourceMappingURL=ConversationItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationItem.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"ConversationItem.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAqBzE,UAAU,qBAAqB;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,GAAG,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC;IACb,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,6JAUtB,qBAAqB,uBAuL3B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {useMessagesQuery,OnChatMessageAddedDocument}from'common/graphql';import {isToday,isYesterday,format}from'date-fns';import React__default,{useState,useMemo
|
|
1
|
+
import {useMessagesQuery,OnChatMessageAddedDocument}from'common/graphql';import {isToday,isYesterday,format}from'date-fns';import React__default,{useState,useMemo}from'react';import {SubscriptionHandler}from'./SubscriptionHandler.js';const createdAtText = value => {
|
|
2
2
|
if (!value) return '';
|
|
3
3
|
let date = new Date(value);
|
|
4
4
|
if (isToday(date)) return 'Today';
|
|
@@ -17,14 +17,15 @@ const Skeleton = ({
|
|
|
17
17
|
className: "h-4 bg-gray-300 dark:bg-gray-600 rounded w-1/2"
|
|
18
18
|
}));
|
|
19
19
|
};
|
|
20
|
-
const ConversationItem = ({
|
|
20
|
+
const ConversationItem = React__default.memo(({
|
|
21
21
|
showBorder,
|
|
22
22
|
currentUser,
|
|
23
23
|
filter,
|
|
24
24
|
channel,
|
|
25
25
|
handleSelectChannel,
|
|
26
26
|
users,
|
|
27
|
-
selectedChannelId
|
|
27
|
+
selectedChannelId,
|
|
28
|
+
messagesQuery: messagesQueryProp
|
|
28
29
|
}) => {
|
|
29
30
|
// const {
|
|
30
31
|
// data: messagesQuery,
|
|
@@ -33,7 +34,7 @@ const ConversationItem = ({
|
|
|
33
34
|
// variables: {
|
|
34
35
|
// channelId: channel.id?.toString(),
|
|
35
36
|
// limit: 1,
|
|
36
|
-
//
|
|
37
|
+
// },
|
|
37
38
|
// fetchPolicy: 'cache-and-network',
|
|
38
39
|
// });
|
|
39
40
|
const [messages, setMessages] = useState([]);
|
|
@@ -65,32 +66,23 @@ const ConversationItem = ({
|
|
|
65
66
|
// },
|
|
66
67
|
// });
|
|
67
68
|
React__default.useEffect(() => {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
69
|
+
if (channel?.id) {
|
|
70
|
+
refetchMessages({
|
|
71
|
+
channelId: channel?.id?.toString(),
|
|
72
|
+
parentId: null,
|
|
73
|
+
limit: 10
|
|
74
|
+
// sort: {
|
|
75
|
+
// key: 'updatedAt',
|
|
76
|
+
// value: SortEnum.Desc,
|
|
77
|
+
// },
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
}, [channel?.id, refetchMessages]);
|
|
78
81
|
React__default.useEffect(() => {
|
|
79
|
-
if (messagesQuery) {
|
|
80
|
-
|
|
81
|
-
setMessages(pre => [...pre, ...messagesQuery?.messages?.data]);
|
|
82
|
-
}
|
|
83
|
-
// refetchMessages({
|
|
84
|
-
// channelId: channel?.id?.toString(),
|
|
85
|
-
// parentId: null,
|
|
86
|
-
// limit: 10,
|
|
87
|
-
// sort: {
|
|
88
|
-
// key: 'updatedAt',
|
|
89
|
-
// value: SortEnum.Desc,
|
|
90
|
-
// },
|
|
91
|
-
// });
|
|
82
|
+
if (messagesQuery?.messages?.data?.length) {
|
|
83
|
+
setMessages(messagesQuery.messages.data);
|
|
92
84
|
}
|
|
93
|
-
}, [messagesQuery]);
|
|
85
|
+
}, [messagesQuery?.messages?.data]);
|
|
94
86
|
const chatUser = useMemo(() => users?.find(({
|
|
95
87
|
id
|
|
96
88
|
}) => {
|
|
@@ -100,6 +92,9 @@ const ConversationItem = ({
|
|
|
100
92
|
user
|
|
101
93
|
}) => user.id === id);
|
|
102
94
|
}
|
|
95
|
+
if (channel?.members?.length === 1 && channel?.members?.[0]?.user?.id === currentUser?.id) {
|
|
96
|
+
return currentUser;
|
|
97
|
+
}
|
|
103
98
|
return isNotCurrentUser;
|
|
104
99
|
}), [users, currentUser, channel]);
|
|
105
100
|
// Last Message
|
|
@@ -126,7 +121,7 @@ const ConversationItem = ({
|
|
|
126
121
|
const channelType = useMemo(() => {
|
|
127
122
|
return channel?.type;
|
|
128
123
|
}, [channel]);
|
|
129
|
-
if (!chatUser?.username
|
|
124
|
+
if (filter && !chatUser?.username?.toLowerCase().includes(filter.toLowerCase()) && !lastMessage?.message?.toLowerCase().includes(filter.toLowerCase())) {
|
|
130
125
|
return null;
|
|
131
126
|
}
|
|
132
127
|
return React__default.createElement("div", {
|
|
@@ -150,59 +145,45 @@ const ConversationItem = ({
|
|
|
150
145
|
className: "ml-2 flex-grow min-w-10 max-w-96"
|
|
151
146
|
}, messageLoading && React__default.createElement(Skeleton, {
|
|
152
147
|
className: "w-full h-16"
|
|
153
|
-
}), !messageLoading && React__default.createElement(LastMessageComponent, {
|
|
148
|
+
}), !messageLoading && React__default.createElement(React__default.Fragment, null, React__default.createElement(LastMessageComponent, {
|
|
154
149
|
lastMessage: lastMessage,
|
|
155
150
|
channelType: channelType,
|
|
156
|
-
chatUser: chatUser
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
// </Text>
|
|
189
|
-
// </Box>
|
|
190
|
-
// <Text fontSize="14px" color="gray.600" fontWeight={'bold'} mt="5px">
|
|
191
|
-
// {chatUser?.givenName + ' ' + chatUser?.familyName}
|
|
192
|
-
// </Text>
|
|
193
|
-
// <Text fontSize="14px" isTruncated w="80%" mt="5px" color="gray.600">
|
|
194
|
-
// {lastMessage?.message}
|
|
195
|
-
// </Text>
|
|
196
|
-
// </Box>
|
|
197
|
-
));
|
|
198
|
-
};
|
|
199
|
-
const LastMessageComponent = ({
|
|
200
|
-
subscribeToNewMessages,
|
|
151
|
+
chatUser: chatUser
|
|
152
|
+
}), React__default.createElement(SubscriptionHandler, {
|
|
153
|
+
subscribeToMore: subscribeToMore,
|
|
154
|
+
document: OnChatMessageAddedDocument,
|
|
155
|
+
variables: {
|
|
156
|
+
channelId: channel?.id?.toString()
|
|
157
|
+
},
|
|
158
|
+
enabled: !!channel?.id && !!subscribeToMore,
|
|
159
|
+
updateQuery: (prev, {
|
|
160
|
+
subscriptionData
|
|
161
|
+
}) => {
|
|
162
|
+
if (!subscriptionData.data) return prev;
|
|
163
|
+
const newMessage = subscriptionData?.data?.chatMessageAdded;
|
|
164
|
+
console.log('ConversationItem: New message received via subscription:', newMessage);
|
|
165
|
+
const previousData = prev?.messages?.data ? [...prev.messages.data, newMessage] : [];
|
|
166
|
+
const totalMsgCount = prev?.messages?.totalCount + 1;
|
|
167
|
+
const merged = {
|
|
168
|
+
...prev,
|
|
169
|
+
messages: {
|
|
170
|
+
...prev?.messages,
|
|
171
|
+
data: previousData,
|
|
172
|
+
totalCount: totalMsgCount
|
|
173
|
+
}
|
|
174
|
+
};
|
|
175
|
+
return merged;
|
|
176
|
+
},
|
|
177
|
+
onError: error => {
|
|
178
|
+
console.error('ConversationItem: Subscription error:', error);
|
|
179
|
+
}
|
|
180
|
+
}))));
|
|
181
|
+
});
|
|
182
|
+
const LastMessageComponent = React__default.memo(({
|
|
201
183
|
lastMessage,
|
|
202
184
|
channelType,
|
|
203
185
|
chatUser
|
|
204
186
|
}) => {
|
|
205
|
-
useEffect(() => subscribeToNewMessages(), []);
|
|
206
187
|
return React__default.createElement("div", {
|
|
207
188
|
className: "flex flex-col w-full"
|
|
208
189
|
}, React__default.createElement("div", {
|
|
@@ -216,4 +197,4 @@ const LastMessageComponent = ({
|
|
|
216
197
|
}, chatUser?.givenName + ' ' + chatUser?.familyName), React__default.createElement("p", {
|
|
217
198
|
className: "text-sm text-gray-600 dark:text-gray-400 truncate w-4/5 mt-1 line-clamp-1"
|
|
218
199
|
}, lastMessage?.message && lastMessage.message.length > 30 ? lastMessage.message.slice(0, 30) + '…' : lastMessage?.message));
|
|
219
|
-
};export{ConversationItem};//# sourceMappingURL=ConversationItem.js.map
|
|
200
|
+
});export{ConversationItem};//# sourceMappingURL=ConversationItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationItem.js","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"sourcesContent":[null],"names":["React","CHAT_MESSAGE_ADDED"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConversationItem.js","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"sourcesContent":[null],"names":["React","CHAT_MESSAGE_ADDED"],"mappings":"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"}
|
|
@@ -11,7 +11,8 @@ type LeftSidebarProps = {
|
|
|
11
11
|
getChannelsRefetch: any;
|
|
12
12
|
supportServices?: any;
|
|
13
13
|
role?: any;
|
|
14
|
+
messagesQuery?: any;
|
|
14
15
|
};
|
|
15
|
-
export declare const LeftSidebar: (props: LeftSidebarProps) => React.JSX.Element
|
|
16
|
+
export declare const LeftSidebar: React.MemoExoticComponent<(props: LeftSidebarProps) => React.JSX.Element>;
|
|
16
17
|
export {};
|
|
17
18
|
//# sourceMappingURL=LeftSidebar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAO5D,KAAK,gBAAgB,GAAG;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,mBAAmB,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,aAAa,CAAC,EAAE,GAAG,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,oCAAsB,gBAAgB,uBAqF5D,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__default,{useState}from'react';import {useTranslation}from'react-i18next';import {orderBy,uniqBy}from'lodash-es';import {ConversationItem}from'./ConversationItem.js';import {ServiceConversationItem}from'./ServiceConversationItem.js';import {RoomType}from'common';const LeftSidebar = props => {
|
|
1
|
+
import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__default,{useState,useMemo}from'react';import {useTranslation}from'react-i18next';import {orderBy,uniqBy}from'lodash-es';import {ConversationItem}from'./ConversationItem.js';import {ServiceConversationItem}from'./ServiceConversationItem.js';import {RoomType}from'common';const LeftSidebar = React__default.memo(props => {
|
|
2
2
|
const {
|
|
3
3
|
currentUser,
|
|
4
4
|
handleSelectChannel,
|
|
@@ -7,12 +7,20 @@ import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__defau
|
|
|
7
7
|
userChannelsLoading,
|
|
8
8
|
selectedChannelId,
|
|
9
9
|
supportServices,
|
|
10
|
-
role
|
|
10
|
+
role,
|
|
11
|
+
messagesQuery
|
|
11
12
|
} = props;
|
|
12
13
|
const [keyword, setKeyword] = useState('');
|
|
13
14
|
const {
|
|
14
15
|
t
|
|
15
16
|
} = useTranslation('translations');
|
|
17
|
+
// Memoize the sorted channels to prevent unnecessary re-renders
|
|
18
|
+
const sortedChannels = useMemo(() => {
|
|
19
|
+
if (!userChannels?.length) return [];
|
|
20
|
+
return orderBy(uniqBy([...userChannels], ({
|
|
21
|
+
id
|
|
22
|
+
}) => id), ['updatedAt'], ['desc']);
|
|
23
|
+
}, [userChannels]);
|
|
16
24
|
if (userChannelsLoading) {
|
|
17
25
|
return React__default.createElement("div", {
|
|
18
26
|
className: "space-y-4"
|
|
@@ -32,9 +40,7 @@ import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__defau
|
|
|
32
40
|
className: "flex-1 overflow-hidden"
|
|
33
41
|
}, React__default.createElement("div", {
|
|
34
42
|
className: "h-full overflow-y-auto p-2 sm:p-4 space-y-1"
|
|
35
|
-
}, React__default.createElement(React__default.Fragment, null, supportServices ? supportServices : React__default.createElement(React__default.Fragment, null),
|
|
36
|
-
id
|
|
37
|
-
}) => id), ['updatedAt'], ['desc'])?.map((channel, index) => channel?.type === RoomType.Service ? React__default.createElement(ServiceConversationItem, {
|
|
43
|
+
}, React__default.createElement(React__default.Fragment, null, supportServices ? supportServices : React__default.createElement(React__default.Fragment, null), sortedChannels.length > 0 ? sortedChannels.map((channel, index) => channel?.type === RoomType.Service ? React__default.createElement(ServiceConversationItem, {
|
|
38
44
|
key: `service_channel_${channel.id}`,
|
|
39
45
|
filter: keyword,
|
|
40
46
|
channel: channel,
|
|
@@ -42,7 +48,7 @@ import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__defau
|
|
|
42
48
|
handleSelectChannel: handleSelectChannel,
|
|
43
49
|
users: users,
|
|
44
50
|
selectedChannelId: selectedChannelId,
|
|
45
|
-
showBorder: index !=
|
|
51
|
+
showBorder: index != sortedChannels.length - 1,
|
|
46
52
|
role: role || null
|
|
47
53
|
}) : React__default.createElement(ConversationItem, {
|
|
48
54
|
key: `conv_channel_${channel.id}`,
|
|
@@ -52,13 +58,14 @@ import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__defau
|
|
|
52
58
|
handleSelectChannel: handleSelectChannel,
|
|
53
59
|
users: users,
|
|
54
60
|
selectedChannelId: selectedChannelId,
|
|
55
|
-
showBorder: index !=
|
|
61
|
+
showBorder: index != sortedChannels.length - 1,
|
|
62
|
+
messagesQuery: messagesQuery
|
|
56
63
|
})) : React__default.createElement("div", {
|
|
57
64
|
className: "text-center py-8 text-gray-500"
|
|
58
65
|
}, React__default.createElement("div", {
|
|
59
66
|
className: "text-3xl mb-2"
|
|
60
67
|
}, "\uD83D\uDCAC"), React__default.createElement("p", null, "No conversations yet"))))));
|
|
61
|
-
};
|
|
68
|
+
});
|
|
62
69
|
const SearchInput = ({
|
|
63
70
|
keyword,
|
|
64
71
|
setKeyword
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LeftSidebar.js","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"LeftSidebar.js","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"yVAwBa,MAAA,WAAW,GAAGA,cAAK,CAAC,IAAI,CAAC,KAAwB,IAAI;QACxD;IAWN,WAAc;IACd;IAEA,KAAgE;AAChE,IAAA,YAAoB;uBACC;AAAU,IAAA,iBAAS;mBAC7B;AAKX,IAAA,IAAI;IAEJ;WACW;gBAGU,EAAC,UAAE,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;;IAMxB;AACA,GAAA,GAAA,cACI,CAAA,cAAA,CAAA;;sBAES,GAAA,OAAA,CAAA,MAAA;QAEL,CAAK,YAAA,EAAA,MAAA,EAAA,OAAA,EAAA;kBACI,CAAA,MAAA,CAAA,CAAA,GAAA,YAAA,CAAA,EAAA,CAAA;AACD,MAAA;AACK,KAAA,KAAA,EAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,MAAiB,CAAC;AAElB,GAAA,EAAA,CAAA,YAAA,CAAA,CAAA;yBA8BY,EAAA;AACL,IAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAQhC,MAAG,SAAA,EAAA;AAEH,KAAM,EAAA,KAAA,CAAA,EAAA,CAAA,CAAW,IAAI,CAAA,CAAE,OAAO,CAAE,EAAA,CAAA,KAAAA,cAAiB,CAAA,aAAI,CAAA,KAAA,EAAA;MAC3C,GAAA,EAAA,CAAE;AACR,MAAA,SACI,EAAA;QACI;AACI;uBAOK,CAAA,aAAA,CAAA,KAAA,EAAA;;AAMrB,GAAE,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/MessageInput.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/MessageInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAMjF,KAAK,iBAAiB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,YAAY,gDAAiD,iBAAiB,sBA6L1F,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default,{useState,useCallback,useMemo}from'react';import {useTranslation}from'react-i18next';import {config}from'../../config/env-config.js';import {UploadImageButton}from'./UploadImageButton.js';import {FilesList}from'../inbox/FilesList.js';import'../inbox/MessageItem.js';import'../inbox/ThreadItem.js';const MessageInput = ({
|
|
1
|
+
import React__default,{useState,useRef,useEffect,useCallback,useMemo}from'react';import {useTranslation}from'react-i18next';import {config}from'../../config/env-config.js';import {UploadImageButton}from'./UploadImageButton.js';import {FilesList}from'../inbox/FilesList.js';import'../inbox/MessageItem.js';import'../inbox/ThreadItem.js';const MessageInput = ({
|
|
2
2
|
handleSend: handleSendProp,
|
|
3
3
|
placeholder
|
|
4
4
|
}) => {
|
|
@@ -8,9 +8,16 @@ import React__default,{useState,useCallback,useMemo}from'react';import {useTrans
|
|
|
8
8
|
const [showToast, setShowToast] = useState(false);
|
|
9
9
|
const [toastMessage, setToastMessage] = useState('');
|
|
10
10
|
const [isFocused, setIsFocused] = useState(false);
|
|
11
|
+
const textareaRef = useRef(null);
|
|
11
12
|
const {
|
|
12
13
|
t
|
|
13
14
|
} = useTranslation('translations');
|
|
15
|
+
// Auto-focus the textarea when component mounts
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
if (textareaRef.current) {
|
|
18
|
+
textareaRef.current.focus();
|
|
19
|
+
}
|
|
20
|
+
}, []);
|
|
14
21
|
const showToastMessage = useCallback(message => {
|
|
15
22
|
setToastMessage(message);
|
|
16
23
|
setShowToast(true);
|
|
@@ -22,6 +29,12 @@ import React__default,{useState,useCallback,useMemo}from'react';import {useTrans
|
|
|
22
29
|
handleSendProp(message, files).then(() => {
|
|
23
30
|
setMessage('');
|
|
24
31
|
setFiles([]);
|
|
32
|
+
// Auto-focus the textarea after sending a message
|
|
33
|
+
setTimeout(() => {
|
|
34
|
+
if (textareaRef.current) {
|
|
35
|
+
textareaRef.current.focus();
|
|
36
|
+
}
|
|
37
|
+
}, 100);
|
|
25
38
|
}).finally(() => setSending(false));
|
|
26
39
|
}, [files, handleSendProp, message]);
|
|
27
40
|
const handleKeyDown = useCallback(e => {
|
|
@@ -80,6 +93,7 @@ import React__default,{useState,useCallback,useMemo}from'react';import {useTrans
|
|
|
80
93
|
}, React__default.createElement(UploadImageButton, {
|
|
81
94
|
onChange: onUploadImageChange
|
|
82
95
|
})), React__default.createElement("textarea", {
|
|
96
|
+
ref: textareaRef,
|
|
83
97
|
className: "w-full text-base pl-14 pr-20 py-3 bg-transparent border-none resize-none overflow-hidden placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-0 scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-transparent",
|
|
84
98
|
style: {
|
|
85
99
|
height: `${inputHeight}px`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageInput.js","sources":["../../../src/components/InboxMessage/MessageInput.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"MessageInput.js","sources":["../../../src/components/InboxMessage/MessageInput.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared SubscriptionHandler for Apollo subscribeToMore
|
|
3
|
+
*
|
|
4
|
+
* @param subscribeToMore - Apollo subscribeToMore function
|
|
5
|
+
* @param document - GraphQL subscription document
|
|
6
|
+
* @param variables - Variables for the subscription
|
|
7
|
+
* @param updateQuery - Apollo updateQuery function
|
|
8
|
+
* @param onError - Optional error handler
|
|
9
|
+
* @param enabled - If false, disables the subscription
|
|
10
|
+
*/
|
|
11
|
+
export declare function SubscriptionHandler({ subscribeToMore, document, variables, updateQuery, onError, enabled, }: {
|
|
12
|
+
subscribeToMore: Function;
|
|
13
|
+
document: any;
|
|
14
|
+
variables: Record<string, any>;
|
|
15
|
+
updateQuery: (prev: any, { subscriptionData }: any) => any;
|
|
16
|
+
onError?: (error: any) => void;
|
|
17
|
+
enabled?: boolean;
|
|
18
|
+
}): any;
|
|
19
|
+
//# sourceMappingURL=SubscriptionHandler.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubscriptionHandler.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/SubscriptionHandler.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,eAAe,EACf,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,OAAc,GACjB,EAAE;IACC,eAAe,EAAE,QAAQ,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;IACd,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,WAAW,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,gBAAgB,EAAE,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,OA4BA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import {useEffect}from'react';/**
|
|
2
|
+
* Shared SubscriptionHandler for Apollo subscribeToMore
|
|
3
|
+
*
|
|
4
|
+
* @param subscribeToMore - Apollo subscribeToMore function
|
|
5
|
+
* @param document - GraphQL subscription document
|
|
6
|
+
* @param variables - Variables for the subscription
|
|
7
|
+
* @param updateQuery - Apollo updateQuery function
|
|
8
|
+
* @param onError - Optional error handler
|
|
9
|
+
* @param enabled - If false, disables the subscription
|
|
10
|
+
*/
|
|
11
|
+
function SubscriptionHandler({
|
|
12
|
+
subscribeToMore,
|
|
13
|
+
document,
|
|
14
|
+
variables,
|
|
15
|
+
updateQuery,
|
|
16
|
+
onError,
|
|
17
|
+
enabled = true
|
|
18
|
+
}) {
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (!enabled) return;
|
|
21
|
+
console.log('SubscriptionHandler: Setting up subscription with variables:', variables);
|
|
22
|
+
const unsubscribe = subscribeToMore({
|
|
23
|
+
document,
|
|
24
|
+
variables,
|
|
25
|
+
updateQuery,
|
|
26
|
+
onError
|
|
27
|
+
});
|
|
28
|
+
console.log('SubscriptionHandler: Subscription setup successful, unsubscribe function:', unsubscribe);
|
|
29
|
+
return () => {
|
|
30
|
+
console.log('SubscriptionHandler: Cleaning up subscription');
|
|
31
|
+
if (unsubscribe && typeof unsubscribe === 'function') {
|
|
32
|
+
try {
|
|
33
|
+
unsubscribe();
|
|
34
|
+
} catch (error) {
|
|
35
|
+
console.error('Error unsubscribing:', error);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
}, [subscribeToMore, document, variables, updateQuery, onError, enabled]);
|
|
40
|
+
return null;
|
|
41
|
+
}export{SubscriptionHandler};//# sourceMappingURL=SubscriptionHandler.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubscriptionHandler.js","sources":["../../../src/components/InboxMessage/SubscriptionHandler.tsx"],"sourcesContent":[null],"names":[],"mappings":"8BAEA;;;;;;;;;AASG;SACa,mBAAmB,CAAC;iBAenB;AACT,EAAA,QAAA;;AAEA,EAAA,WAAA;SAEM;YACF;;YAEA,MAAW;gBACJ,EAAA;AACV,IAAA,OAAE,CAAA,GAAA,CAAA,8DAAA,EAAA,SAAA,CAAA;AAEH,IAAA,MAAA;AAEA,MAAA,QAAA;AACI,MAAA,SAAA;AACA,MAAA;AACI,MAAA;AACI,KAAA,CAAA;gBACJ,2EAAC,EAAA,WAAA,CAAA;iBAAQ;AACL,MAAA,OAAA,CAAA,GAAA,CAAA,+CAA6C,CAAA;qBAChD,IAAA,OAAA,WAAA,KAAA,UAAA,EAAA;YACL;AACJ,UAAE,WAAA,EAAA;AACN,SAAmB,CAAA,OAAA,KAAA,EAAA;AAEnB,UAAA,OAAY,CAAA,KAAA,CAAA,sBAAA,EAAA,KAAA,CAAA;AAChB;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inbox.d.ts","sourceRoot":"","sources":["../../src/container/Inbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Inbox.d.ts","sourceRoot":"","sources":["../../src/container/Inbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAgC9F,MAAM,WAAW,UAAU;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;;YAkFqB,UAAU;;;AAssBhC,wBAAiC"}
|