@messenger-box/platform-mobile 10.0.2-alpha.5 → 10.0.3-alpha.5
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 +8 -0
- package/lib/compute.js +14 -14
- package/lib/compute.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/module.js +1 -2
- package/lib/module.js.map +1 -1
- package/lib/screens/inbox/DialogMessages.js +44 -20
- package/lib/screens/inbox/DialogMessages.js.map +1 -1
- package/lib/screens/inbox/DialogThreadMessages.js +13 -48
- package/lib/screens/inbox/DialogThreadMessages.js.map +1 -1
- package/lib/screens/inbox/DialogThreads.js +13 -70
- package/lib/screens/inbox/DialogThreads.js.map +1 -1
- package/lib/screens/inbox/Inbox.js +18 -9
- package/lib/screens/inbox/Inbox.js.map +1 -1
- package/lib/screens/inbox/components/CachedImage/consts.js.map +1 -1
- package/lib/screens/inbox/components/CachedImage/index.js +41 -27
- package/lib/screens/inbox/components/CachedImage/index.js.map +1 -1
- package/lib/screens/inbox/components/DialogsListItem.js +96 -146
- package/lib/screens/inbox/components/DialogsListItem.js.map +1 -1
- package/lib/screens/inbox/components/ServiceDialogsListItem.js +95 -148
- package/lib/screens/inbox/components/ServiceDialogsListItem.js.map +1 -1
- package/lib/screens/inbox/components/SlackMessageContainer/ImageViewerModal.js +37 -51
- package/lib/screens/inbox/components/SlackMessageContainer/ImageViewerModal.js.map +1 -1
- package/lib/screens/inbox/components/SlackMessageContainer/SlackBubble.js +113 -97
- package/lib/screens/inbox/components/SlackMessageContainer/SlackBubble.js.map +1 -1
- package/lib/screens/inbox/components/SlackMessageContainer/SlackMessage.js +50 -42
- package/lib/screens/inbox/components/SlackMessageContainer/SlackMessage.js.map +1 -1
- package/lib/screens/inbox/components/ThreadsViewItem.js +41 -149
- package/lib/screens/inbox/components/ThreadsViewItem.js.map +1 -1
- package/lib/screens/inbox/config/config.js +8 -10
- package/lib/screens/inbox/config/config.js.map +1 -1
- package/lib/screens/inbox/containers/ConversationView.js +357 -501
- package/lib/screens/inbox/containers/ConversationView.js.map +1 -1
- package/lib/screens/inbox/containers/Dialogs.js +49 -140
- package/lib/screens/inbox/containers/Dialogs.js.map +1 -1
- package/lib/screens/inbox/containers/ThreadConversationView.js +297 -400
- package/lib/screens/inbox/containers/ThreadConversationView.js.map +1 -1
- package/lib/screens/inbox/containers/ThreadsView.js +83 -190
- package/lib/screens/inbox/containers/ThreadsView.js.map +1 -1
- package/package.json +4 -4
- package/rollup.config.mjs +5 -1
- package/lib/compute.d.ts +0 -5
- package/lib/index.d.ts +0 -4
- package/lib/module.d.ts +0 -3
- package/lib/navigation/InboxNavigation.d.ts +0 -2
- package/lib/navigation/index.d.ts +0 -1
- package/lib/screens/inbox/DialogMessages.d.ts +0 -8
- package/lib/screens/inbox/DialogThreadMessages.d.ts +0 -8
- package/lib/screens/inbox/DialogThreads.d.ts +0 -7
- package/lib/screens/inbox/Inbox.d.ts +0 -2
- package/lib/screens/inbox/components/CachedImage/consts.d.ts +0 -2
- package/lib/screens/inbox/components/CachedImage/index.d.ts +0 -8
- package/lib/screens/inbox/components/DialogsHeader.d.ts +0 -8
- package/lib/screens/inbox/components/DialogsListItem.d.ts +0 -19
- package/lib/screens/inbox/components/ServiceDialogsListItem.d.ts +0 -21
- package/lib/screens/inbox/components/SlackMessageContainer/ImageViewerModal.d.ts +0 -3
- package/lib/screens/inbox/components/SlackMessageContainer/SlackBubble.d.ts +0 -34
- package/lib/screens/inbox/components/SlackMessageContainer/SlackMessage.d.ts +0 -25
- package/lib/screens/inbox/components/SlackMessageContainer/index.d.ts +0 -3
- package/lib/screens/inbox/components/SupportServiceDialogsListItem.d.ts +0 -21
- package/lib/screens/inbox/components/ThreadsViewItem.d.ts +0 -20
- package/lib/screens/inbox/config/config.d.ts +0 -11
- package/lib/screens/inbox/config/index.d.ts +0 -1
- package/lib/screens/inbox/containers/ConversationView.d.ts +0 -11
- package/lib/screens/inbox/containers/Dialogs.d.ts +0 -7
- package/lib/screens/inbox/containers/SupportServiceDialogs.d.ts +0 -6
- package/lib/screens/inbox/containers/ThreadConversationView.d.ts +0 -11
- package/lib/screens/inbox/containers/ThreadsView.d.ts +0 -13
- package/lib/screens/index.d.ts +0 -4
|
@@ -1,18 +1,34 @@
|
|
|
1
|
-
import React__default,{useMemo}from'react';import {HStack,Box,Text,Pressable,Avatar,AvatarFallbackText,AvatarImage}from'@admin-layout/gluestack-ui-mobile';import {isToday,isYesterday,format}from'date-fns';import {useFocusEffect}from'@react-navigation/native';import {useThreadMessagesQuery,OnThreadCreatedUpdatedDocument}from'common/lib/generated/generated.js';import {startCase}from'lodash-es';
|
|
2
|
-
|
|
1
|
+
import React__default,{useMemo}from'react';import {HStack,Box,Text,Pressable,Avatar,AvatarFallbackText,AvatarImage}from'@admin-layout/gluestack-ui-mobile';import {isToday,isYesterday,format}from'date-fns';import {useFocusEffect}from'@react-navigation/native';import {useThreadMessagesQuery,OnThreadCreatedUpdatedDocument}from'common/lib/generated/generated.js';import {startCase}from'lodash-es';var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
const createdAtText = (value) => {
|
|
21
|
+
if (!value)
|
|
22
|
+
return "";
|
|
3
23
|
let date = new Date(value);
|
|
4
|
-
if (isToday(date))
|
|
5
|
-
|
|
6
|
-
|
|
24
|
+
if (isToday(date))
|
|
25
|
+
return "Today";
|
|
26
|
+
if (isYesterday(date))
|
|
27
|
+
return "Yesterday";
|
|
28
|
+
return format(new Date(value), "MMM dd, yyyy");
|
|
7
29
|
};
|
|
8
|
-
/**
|
|
9
|
-
* TODO:
|
|
10
|
-
* - Get Reservation info: reservation date, status
|
|
11
|
-
* - Add ability to get property information: name, logo
|
|
12
|
-
*/
|
|
13
30
|
const ServiceDialogsListItemComponent = function DialogsListItem({
|
|
14
31
|
currentUser,
|
|
15
|
-
// users,
|
|
16
32
|
selectedChannelId,
|
|
17
33
|
channel,
|
|
18
34
|
onOpen,
|
|
@@ -29,169 +45,119 @@ const ServiceDialogsListItemComponent = function DialogsListItem({
|
|
|
29
45
|
subscribeToMore
|
|
30
46
|
} = useThreadMessagesQuery({
|
|
31
47
|
variables: {
|
|
32
|
-
channelId: (_a = channel
|
|
48
|
+
channelId: (_a = channel == null ? void 0 : channel.id) == null ? void 0 : _a.toString(),
|
|
33
49
|
role,
|
|
34
50
|
limit: 2
|
|
35
51
|
},
|
|
36
|
-
fetchPolicy:
|
|
52
|
+
fetchPolicy: "cache-and-network"
|
|
37
53
|
});
|
|
38
54
|
useFocusEffect(React__default.useCallback(() => {
|
|
39
|
-
var
|
|
40
|
-
// Do something when the screen is focused
|
|
41
|
-
// refetchMessages({ channelId: channel?.id?.toString(), limit: 25 });
|
|
55
|
+
var _a2;
|
|
42
56
|
refetchThreadMessages({
|
|
43
|
-
channelId: (
|
|
57
|
+
channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
|
|
44
58
|
role,
|
|
45
59
|
limit: 2
|
|
46
60
|
});
|
|
47
61
|
return () => {
|
|
48
|
-
// Do something when the screen is unfocused
|
|
49
|
-
// Useful for cleanup functions
|
|
50
62
|
};
|
|
51
63
|
}, [refreshing]));
|
|
52
64
|
const lastMessage = useMemo(() => {
|
|
53
|
-
var
|
|
54
|
-
if (!((
|
|
65
|
+
var _a2, _b2, _c2, _d2, _e, _f, _g;
|
|
66
|
+
if (!((_b2 = (_a2 = threadMessages == null ? void 0 : threadMessages.threadMessages) == null ? void 0 : _a2.data) == null ? void 0 : _b2.length)) {
|
|
55
67
|
return null;
|
|
56
68
|
}
|
|
57
69
|
const {
|
|
58
70
|
data
|
|
59
71
|
} = threadMessages.threadMessages;
|
|
60
|
-
const replies = (_e = (
|
|
61
|
-
if (replies
|
|
72
|
+
const replies = (_e = (_d2 = (_c2 = data == null ? void 0 : data.map((t) => t == null ? void 0 : t.replies)) == null ? void 0 : _c2.flat(1)) == null ? void 0 : _d2.filter((p) => (p == null ? void 0 : p.message) !== "")) != null ? _e : [];
|
|
73
|
+
if (replies == null ? void 0 : replies.length) {
|
|
62
74
|
return replies[0];
|
|
63
|
-
// return replies[replies.length - 1];
|
|
64
75
|
} else {
|
|
65
|
-
const post = (_g = (_f = data
|
|
66
|
-
var
|
|
67
|
-
return ((
|
|
68
|
-
}))
|
|
69
|
-
return t
|
|
70
|
-
}))
|
|
71
|
-
return post ? post
|
|
76
|
+
const post = (_g = (_f = data == null ? void 0 : data.find((t) => {
|
|
77
|
+
var _a3;
|
|
78
|
+
return ((_a3 = t == null ? void 0 : t.post) == null ? void 0 : _a3.message) !== "";
|
|
79
|
+
})) != null ? _f : data == null ? void 0 : data.find((t) => {
|
|
80
|
+
return t == null ? void 0 : t.post;
|
|
81
|
+
})) != null ? _g : null;
|
|
82
|
+
return post ? post == null ? void 0 : post.post : null;
|
|
72
83
|
}
|
|
73
84
|
}, [threadMessages]);
|
|
74
85
|
React__default.useEffect(() => {
|
|
75
86
|
if (lastMessage) {
|
|
76
|
-
const sParentId = (lastMessage
|
|
87
|
+
const sParentId = (lastMessage == null ? void 0 : lastMessage.parentId) ? lastMessage == null ? void 0 : lastMessage.parentId : lastMessage == null ? void 0 : lastMessage.id;
|
|
77
88
|
setServicePostParentId(sParentId);
|
|
78
89
|
}
|
|
79
90
|
}, [lastMessage]);
|
|
80
91
|
const creatorAndMembersId = React__default.useMemo(() => {
|
|
81
|
-
var
|
|
82
|
-
if (!(channel
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
const
|
|
92
|
-
|
|
92
|
+
var _a2, _b2, _c2, _d2, _e, _f;
|
|
93
|
+
if (!(channel == null ? void 0 : channel.members))
|
|
94
|
+
return null;
|
|
95
|
+
const membersIds = (_c2 = (_b2 = (_a2 = channel == null ? void 0 : channel.members) == null ? void 0 : _a2.filter((m) => {
|
|
96
|
+
var _a3;
|
|
97
|
+
return m !== null && ((_a3 = m == null ? void 0 : m.user) == null ? void 0 : _a3.id) !== (currentUser == null ? void 0 : currentUser.id);
|
|
98
|
+
})) == null ? void 0 : _b2.map((mu) => {
|
|
99
|
+
var _a3;
|
|
100
|
+
return (_a3 = mu == null ? void 0 : mu.user) == null ? void 0 : _a3.id;
|
|
101
|
+
})) != null ? _c2 : [];
|
|
102
|
+
const creatorId = (_d2 = channel == null ? void 0 : channel.creator) == null ? void 0 : _d2.id;
|
|
103
|
+
const mergedIds = (_e = [].concat(membersIds, creatorId)) != null ? _e : [];
|
|
104
|
+
return (_f = mergedIds == null ? void 0 : mergedIds.filter((m, pos) => (mergedIds == null ? void 0 : mergedIds.indexOf(m)) === pos)) != null ? _f : [];
|
|
93
105
|
}, [channel]);
|
|
94
106
|
const postParentId = React__default.useMemo(() => {
|
|
95
|
-
var
|
|
96
|
-
if (!(creatorAndMembersId
|
|
97
|
-
|
|
107
|
+
var _a2;
|
|
108
|
+
if (!(creatorAndMembersId == null ? void 0 : creatorAndMembersId.length))
|
|
109
|
+
return null;
|
|
110
|
+
return (creatorAndMembersId == null ? void 0 : creatorAndMembersId.length) && (creatorAndMembersId == null ? void 0 : creatorAndMembersId.includes(currentUser == null ? void 0 : currentUser.id)) ? null : (lastMessage == null ? void 0 : lastMessage.parentId) ? lastMessage == null ? void 0 : lastMessage.parentId : (_a2 = lastMessage == null ? void 0 : lastMessage.id) != null ? _a2 : 0;
|
|
98
111
|
}, [creatorAndMembersId, lastMessage]);
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
// React.useEffect(() => {
|
|
111
|
-
// if (threadCreatedUpdated?.threadCreatedUpdated?.data) {
|
|
112
|
-
// refetchThreadMessages({ channelId: channel?.id?.toString(), role, limit: 2 });
|
|
113
|
-
// }
|
|
114
|
-
// }, [threadCreatedUpdated]);
|
|
115
|
-
return React__default.createElement(Pressable, {
|
|
116
|
-
onPress: () => (channel === null || channel === void 0 ? void 0 : channel.id) !== selectedChannelId && onOpen(channel === null || channel === void 0 ? void 0 : channel.id, channel === null || channel === void 0 ? void 0 : channel.title, postParentId),
|
|
117
|
-
borderWidth: '$1',
|
|
118
|
-
borderRadius: '$md',
|
|
119
|
-
borderColor: '$trueGray200',
|
|
120
|
-
flex: 1,
|
|
121
|
-
"$dark-borderColor": "$coolGray600",
|
|
122
|
-
"$dark-backgroundColor": "$trueGray700",
|
|
123
|
-
"$light-backgroundColor": "$trueGray50",
|
|
124
|
-
"$light-borderColor": "$trueGray200"
|
|
125
|
-
}, React__default.createElement(HStack
|
|
126
|
-
// px={2}
|
|
127
|
-
// pl={3}
|
|
128
|
-
, {
|
|
129
|
-
// px={2}
|
|
130
|
-
// pl={3}
|
|
131
|
-
py: '$3',
|
|
132
|
-
space: 'sm',
|
|
133
|
-
w: '100%',
|
|
134
|
-
flex: 1,
|
|
135
|
-
// direction={'row'}
|
|
136
|
-
justifyContent: 'space-between',
|
|
137
|
-
alignItems: 'center'
|
|
138
|
-
}, React__default.createElement(Box, {
|
|
139
|
-
flex: 0.1,
|
|
140
|
-
alignItems: 'flex-start',
|
|
141
|
-
pl: '$3'
|
|
142
|
-
}, React__default.createElement(Avatar, {
|
|
143
|
-
key: 'service-channels-key-' + (channel === null || channel === void 0 ? void 0 : channel.id),
|
|
144
|
-
bg: 'transparent',
|
|
145
|
-
size: 'sm',
|
|
146
|
-
top: '$0',
|
|
147
|
-
right: '$0',
|
|
148
|
-
zIndex: 1
|
|
149
|
-
}, React__default.createElement(AvatarFallbackText, null, " ", startCase((_c = (_b = channel === null || channel === void 0 ? void 0 : channel.creator) === null || _b === void 0 ? void 0 : _b.username) === null || _c === void 0 ? void 0 : _c.charAt(0))), React__default.createElement(AvatarImage, {
|
|
150
|
-
alt: "user image",
|
|
151
|
-
style: {
|
|
112
|
+
return /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => (channel == null ? void 0 : channel.id) !== selectedChannelId && onOpen(channel == null ? void 0 : channel.id, channel == null ? void 0 : channel.title, postParentId), borderWidth: "$1", borderRadius: "$md", borderColor: "$trueGray200", flex: 1, "$dark-borderColor": "$coolGray600", "$dark-backgroundColor": "$trueGray700", "$light-backgroundColor": "$trueGray50", "$light-borderColor": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(
|
|
113
|
+
HStack,
|
|
114
|
+
{
|
|
115
|
+
py: "$3",
|
|
116
|
+
space: "sm",
|
|
117
|
+
w: "100%",
|
|
118
|
+
flex: 1,
|
|
119
|
+
justifyContent: "space-between",
|
|
120
|
+
alignItems: "center"
|
|
121
|
+
},
|
|
122
|
+
/* @__PURE__ */ React__default.createElement(Box, { flex: 0.1, alignItems: "flex-start", pl: "$3" }, /* @__PURE__ */ React__default.createElement(Avatar, { key: "service-channels-key-" + (channel == null ? void 0 : channel.id), bg: "transparent", size: "sm", top: "$0", right: "$0", zIndex: 1 }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, " ", startCase((_c = (_b = channel == null ? void 0 : channel.creator) == null ? void 0 : _b.username) == null ? void 0 : _c.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "user image", style: {
|
|
152
123
|
borderRadius: 6,
|
|
153
124
|
borderWidth: 2,
|
|
154
|
-
borderColor:
|
|
155
|
-
},
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
flex: 0.9
|
|
161
|
-
}, React__default.createElement(ServiceChannelWithLastMessage, {
|
|
162
|
-
channel: channel,
|
|
163
|
-
lastMessage: lastMessage,
|
|
164
|
-
subscribeToNewMessages: () => {
|
|
165
|
-
var _a;
|
|
125
|
+
borderColor: "#fff"
|
|
126
|
+
}, source: {
|
|
127
|
+
uri: (_d = channel == null ? void 0 : channel.creator) == null ? void 0 : _d.picture
|
|
128
|
+
} }))),
|
|
129
|
+
/* @__PURE__ */ React__default.createElement(Box, { flex: 0.9 }, /* @__PURE__ */ React__default.createElement(ServiceChannelWithLastMessage, { channel, lastMessage, subscribeToNewMessages: () => {
|
|
130
|
+
var _a2;
|
|
166
131
|
return subscribeToMore({
|
|
167
132
|
document: OnThreadCreatedUpdatedDocument,
|
|
168
133
|
variables: {
|
|
169
|
-
channelId: (
|
|
134
|
+
channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
|
|
170
135
|
postParentId: postParentId ? servicePostParentId : null
|
|
171
136
|
},
|
|
172
137
|
updateQuery: (prev, {
|
|
173
138
|
subscriptionData
|
|
174
139
|
}) => {
|
|
175
|
-
var
|
|
176
|
-
if (!subscriptionData.data)
|
|
177
|
-
|
|
178
|
-
const
|
|
179
|
-
const
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
140
|
+
var _a3, _b2, _c2, _d2, _e, _f, _g, _h;
|
|
141
|
+
if (!subscriptionData.data)
|
|
142
|
+
return prev;
|
|
143
|
+
const newPostThreadData = (_b2 = (_a3 = subscriptionData == null ? void 0 : subscriptionData.data) == null ? void 0 : _a3.threadCreatedUpdated) == null ? void 0 : _b2.data;
|
|
144
|
+
const newMessage = (_d2 = (_c2 = subscriptionData == null ? void 0 : subscriptionData.data) == null ? void 0 : _c2.threadCreatedUpdated) == null ? void 0 : _d2.lastMessage;
|
|
145
|
+
const data = (_g = (_f = (_e = prev == null ? void 0 : prev.threadMessages) == null ? void 0 : _e.data) == null ? void 0 : _f.map((t) => t.id === (newPostThreadData == null ? void 0 : newPostThreadData.id) ? __spreadProps(__spreadValues({}, t), {
|
|
146
|
+
replies: [...t == null ? void 0 : t.replies, newMessage],
|
|
147
|
+
replyCount: newPostThreadData == null ? void 0 : newPostThreadData.replyCount,
|
|
148
|
+
lastReplyAt: newPostThreadData == null ? void 0 : newPostThreadData.lastReplyAt,
|
|
149
|
+
updatedAt: newPostThreadData == null ? void 0 : newPostThreadData.updatedAt
|
|
150
|
+
}) : t)) != null ? _g : [];
|
|
185
151
|
return Object.assign({}, prev, {
|
|
186
|
-
threadMessages:
|
|
187
|
-
totalCount: (_h = newPostThreadData
|
|
188
|
-
data: (data
|
|
152
|
+
threadMessages: __spreadProps(__spreadValues({}, prev == null ? void 0 : prev.threadMessages), {
|
|
153
|
+
totalCount: (_h = newPostThreadData == null ? void 0 : newPostThreadData.totalCount) != null ? _h : 0,
|
|
154
|
+
data: (data == null ? void 0 : data.length) > 0 ? data : [newPostThreadData]
|
|
189
155
|
})
|
|
190
156
|
});
|
|
191
157
|
}
|
|
192
158
|
});
|
|
193
|
-
}
|
|
194
|
-
|
|
159
|
+
} }))
|
|
160
|
+
));
|
|
195
161
|
};
|
|
196
162
|
const ServiceChannelWithLastMessage = React__default.memo(({
|
|
197
163
|
channel,
|
|
@@ -200,25 +166,6 @@ const ServiceChannelWithLastMessage = React__default.memo(({
|
|
|
200
166
|
}) => {
|
|
201
167
|
var _a;
|
|
202
168
|
React__default.useEffect(() => subscribeToNewMessages(), []);
|
|
203
|
-
return React__default.createElement(HStack, {
|
|
204
|
-
space: 'sm',
|
|
205
|
-
flex: 1,
|
|
206
|
-
justifyContent: 'center',
|
|
207
|
-
alignItems: 'center'
|
|
208
|
-
}, React__default.createElement(Box, {
|
|
209
|
-
flex: 0.8
|
|
210
|
-
}, React__default.createElement(Text, {
|
|
211
|
-
color: "$trueGray600",
|
|
212
|
-
fontSize: "$lg",
|
|
213
|
-
flexWrap: 'wrap',
|
|
214
|
-
fontWeight: "$semibold"
|
|
215
|
-
}, channel === null || channel === void 0 ? void 0 : channel.title), React__default.createElement(Text, {
|
|
216
|
-
color: "$trueGray600",
|
|
217
|
-
numberOfLines: 1
|
|
218
|
-
}, (_a = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.message) !== null && _a !== void 0 ? _a : '')), React__default.createElement(Box, {
|
|
219
|
-
flex: 0.2
|
|
220
|
-
}, React__default.createElement(Text, {
|
|
221
|
-
color: "$trueGray500"
|
|
222
|
-
}, lastMessage ? createdAtText(lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.createdAt) : '')));
|
|
169
|
+
return /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", flex: 1, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Box, { flex: 0.8 }, /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray600", fontSize: "$lg", flexWrap: "wrap", fontWeight: "$semibold" }, channel == null ? void 0 : channel.title), /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray600", numberOfLines: 1 }, (_a = lastMessage == null ? void 0 : lastMessage.message) != null ? _a : "")), /* @__PURE__ */ React__default.createElement(Box, { flex: 0.2 }, /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray500" }, lastMessage ? createdAtText(lastMessage == null ? void 0 : lastMessage.createdAt) : "")));
|
|
223
170
|
});
|
|
224
171
|
const ServiceDialogsListItem = React__default.memo(ServiceDialogsListItemComponent);export{ServiceDialogsListItem,ServiceDialogsListItemComponent};//# sourceMappingURL=ServiceDialogsListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ServiceDialogsListItem.js","sources":["../../../../src/screens/inbox/components/ServiceDialogsListItem.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ServiceDialogsListItem.js","sources":["../../../../src/screens/inbox/components/ServiceDialogsListItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n Text,\n Image,\n Pressable,\n HStack,\n Box,\n AvatarGroup,\n Avatar,\n AvatarFallbackText,\n AvatarImage,\n AvatarBadge,\n View,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { format, isToday, isYesterday } from 'date-fns';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { IChannel, IUserAccount } from 'common';\nimport {\n useOnThreadCreatedUpdatedSubscription,\n useOnThreadChatMessageAddedSubscription,\n useThreadMessagesQuery,\n OnThreadCreatedUpdatedDocument as THREAD_CHAT_ADDED,\n OnThreadChatMessageAddedDocument as CHAT_MESSAGE_ADDED,\n} from 'common/lib/generated/generated.js';\nimport { startCase } from 'lodash-es';\n\nconst createdAtText = (value: string) => {\n if (!value) return '';\n let date = new Date(value);\n if (isToday(date)) return 'Today';\n if (isYesterday(date)) return 'Yesterday';\n return format(new Date(value), 'MMM dd, yyyy');\n};\n\nexport interface IDialogListChannel extends IChannel {\n users: IUserAccount[];\n}\n\nexport interface IDialogListItemProps {\n currentUser?: any;\n users?: any;\n selectedChannelId?: any;\n channel?: any;\n onOpen: (id: any, title: any, postParentId?: any) => void;\n refreshing: boolean;\n role: any;\n}\n\n/**\n * TODO:\n * - Get Reservation info: reservation date, status\n * - Add ability to get property information: name, logo\n */\nexport const ServiceDialogsListItemComponent: React.FC<IDialogListItemProps> = function DialogsListItem({\n currentUser,\n // users,\n selectedChannelId,\n channel,\n onOpen,\n refreshing,\n role,\n}) {\n const [servicePostParentId, setServicePostParentId] = React.useState(null);\n const {\n data: threadMessages,\n loading: threadMessageLoading,\n error,\n refetch: refetchThreadMessages,\n subscribeToMore,\n } = useThreadMessagesQuery({\n variables: {\n channelId: channel?.id?.toString(),\n role,\n limit: 2,\n },\n fetchPolicy: 'cache-and-network',\n });\n\n useFocusEffect(\n React.useCallback(() => {\n // Do something when the screen is focused\n // refetchMessages({ channelId: channel?.id?.toString(), limit: 25 });\n refetchThreadMessages({ channelId: channel?.id?.toString(), role, limit: 2 });\n return () => {\n // Do something when the screen is unfocused\n // Useful for cleanup functions\n };\n }, [refreshing]),\n );\n\n const lastMessage = useMemo(() => {\n if (!threadMessages?.threadMessages?.data?.length) {\n return null;\n }\n const { data }: any = threadMessages.threadMessages;\n const replies =\n data\n ?.map((t: any) => t?.replies)\n ?.flat(1)\n ?.filter((p: any) => p?.message !== '') ?? [];\n if (replies?.length) {\n return replies[0];\n // return replies[replies.length - 1];\n } else {\n const post =\n data?.find((t: any) => {\n return t?.post?.message !== '';\n }) ??\n data?.find((t: any) => {\n return t?.post;\n }) ??\n null;\n return post ? post?.post : null;\n }\n }, [threadMessages]);\n\n React.useEffect(() => {\n if (lastMessage) {\n const sParentId = lastMessage?.parentId ? lastMessage?.parentId : lastMessage?.id;\n setServicePostParentId(sParentId);\n }\n }, [lastMessage]);\n\n const creatorAndMembersId = React.useMemo(() => {\n if (!channel?.members) return null;\n const membersIds: any =\n channel?.members\n ?.filter((m: any) => m !== null && m?.user?.id !== currentUser?.id)\n ?.map((mu: any) => mu?.user?.id) ?? [];\n const creatorId: any = channel?.creator?.id;\n const mergedIds: any = [].concat(membersIds, creatorId) ?? [];\n return mergedIds?.filter((m: any, pos: any) => mergedIds?.indexOf(m) === pos) ?? [];\n }, [channel]);\n\n const postParentId = React.useMemo(() => {\n if (!creatorAndMembersId?.length) return null;\n\n return creatorAndMembersId?.length && creatorAndMembersId?.includes(currentUser?.id)\n ? null\n : lastMessage?.parentId\n ? lastMessage?.parentId\n : lastMessage?.id ?? 0;\n }, [creatorAndMembersId, lastMessage]);\n\n // const { data: threadCreatedUpdated } = useOnThreadCreatedUpdatedSubscription({\n // variables: {\n // channelId: channel?.id?.toString(),\n // postParentId:\n // postParentId == null\n // ? null\n // : lastMessage?.parentId\n // ? lastMessage?.parentId ?? null\n // : lastMessage?.id ?? null,\n // },\n // });\n\n // React.useEffect(() => {\n // if (threadCreatedUpdated?.threadCreatedUpdated?.data) {\n // refetchThreadMessages({ channelId: channel?.id?.toString(), role, limit: 2 });\n // }\n // }, [threadCreatedUpdated]);\n\n return (\n <Pressable\n onPress={() => channel?.id !== selectedChannelId && onOpen(channel?.id, channel?.title, postParentId)}\n borderWidth={'$1'}\n borderRadius={'$md'}\n borderColor={'$trueGray200'}\n flex={1}\n $dark-borderColor=\"$coolGray600\"\n $dark-backgroundColor=\"$trueGray700\"\n $light-backgroundColor=\"$trueGray50\"\n $light-borderColor=\"$trueGray200\"\n >\n <HStack\n // px={2}\n // pl={3}\n py={'$3'}\n space={'sm'}\n w={'100%'}\n flex={1}\n // direction={'row'}\n justifyContent={'space-between'}\n alignItems={'center'}\n >\n <Box flex={0.1} alignItems={'flex-start'} pl={'$3'}>\n <Avatar\n key={'service-channels-key-' + channel?.id}\n bg={'transparent'}\n size={'sm'}\n top={'$0'}\n right={'$0'}\n zIndex={1}\n >\n <AvatarFallbackText> {startCase(channel?.creator?.username?.charAt(0))}</AvatarFallbackText>\n <AvatarImage\n alt=\"user image\"\n style={{ borderRadius: 6, borderWidth: 2, borderColor: '#fff' }}\n source={{\n uri: channel?.creator?.picture,\n }}\n />\n </Avatar>\n </Box>\n <Box flex={0.9}>\n <ServiceChannelWithLastMessage\n channel={channel}\n lastMessage={lastMessage}\n subscribeToNewMessages={() =>\n subscribeToMore({\n document: THREAD_CHAT_ADDED,\n variables: {\n channelId: channel?.id?.toString(),\n postParentId: postParentId ? servicePostParentId : null,\n },\n updateQuery: (prev, { subscriptionData }: any) => {\n if (!subscriptionData.data) return prev;\n\n const newPostThreadData: any = subscriptionData?.data?.threadCreatedUpdated?.data;\n const newMessage: any = subscriptionData?.data?.threadCreatedUpdated?.lastMessage;\n const data =\n prev?.threadMessages?.data?.map((t: any) =>\n t.id === newPostThreadData?.id\n ? {\n ...t,\n replies: [...t?.replies, newMessage],\n replyCount: newPostThreadData?.replyCount,\n lastReplyAt: newPostThreadData?.lastReplyAt,\n updatedAt: newPostThreadData?.updatedAt,\n }\n : t,\n ) ?? [];\n\n return Object.assign({}, prev, {\n threadMessages: {\n ...prev?.threadMessages,\n totalCount: newPostThreadData?.totalCount ?? 0,\n data: data?.length > 0 ? data : [newPostThreadData],\n // totalCount: prev?.threadMessages?.totalCount + 1,\n //data: data,\n },\n });\n },\n })\n }\n />\n {/* <Text\n flex={1}\n color=\"gray.600\"\n p={0}\n m={0}\n w={'100%'}\n justifyContent={''}\n fontSize=\"lg\"\n fontWeight=\"semibold\"\n >\n {title}\n </Text> */}\n {/* <Text flex={0.1} color=\"gray.600\">\n {lastMessage?.message ?? ''}\n </Text> */}\n </Box>\n {/* <Text flex={0.2} color=\"gray.500\">\n {lastMessage ? createdAtText(lastMessage?.createdAt) : ''}\n </Text> */}\n </HStack>\n </Pressable>\n );\n};\n\nconst ServiceChannelWithLastMessage = React.memo(({ channel, lastMessage, subscribeToNewMessages }: any) => {\n React.useEffect(() => subscribeToNewMessages(), []);\n return (\n <HStack space={'sm'} flex={1} justifyContent={'center'} alignItems={'center'}>\n <Box flex={0.8}>\n <Text color=\"$trueGray600\" fontSize=\"$lg\" flexWrap={'wrap'} fontWeight=\"$semibold\">\n {channel?.title}\n </Text>\n <Text color=\"$trueGray600\" numberOfLines={1}>\n {/* {creatorAndMembersId?.length && creatorAndMembersId?.includes(currentUser?.id)\n ? lastMessageCreatorAndMembers?.message ?? ''\n : lastMessage?.message ?? ''} */}\n {lastMessage?.message ?? ''}\n </Text>\n </Box>\n\n <Box flex={0.2}>\n {/* {creatorAndMembersId?.length && creatorAndMembersId?.includes(currentUser?.id) ? (\n <Text color=\"gray.500\">\n {lastMessageCreatorAndMembers\n ? createdAtText(lastMessageCreatorAndMembers?.createdAt)\n : ''}\n </Text>\n ) : (\n <Text color=\"gray.500\">{lastMessage ? createdAtText(lastMessage?.createdAt) : ''}</Text>\n )} */}\n <Text color=\"$trueGray500\">{lastMessage ? createdAtText(lastMessage?.createdAt) : ''}</Text>\n </Box>\n </HStack>\n );\n});\n\nexport const ServiceDialogsListItem = React.memo(ServiceDialogsListItemComponent);\n"],"names":["React","_a","_b","_c","_d","THREAD_CHAT_ADDED"],"mappings":"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"}
|
|
@@ -1,60 +1,47 @@
|
|
|
1
|
-
import React__default from'react';import {
|
|
1
|
+
import React__default from'react';import {Modal,View,StyleSheet,Pressable,Text}from'react-native';const ImageViewerModal = ({
|
|
2
2
|
children,
|
|
3
3
|
isVisible = false,
|
|
4
4
|
setVisible,
|
|
5
5
|
modalContent = null
|
|
6
6
|
}) => {
|
|
7
|
-
return React__default.createElement(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
8
|
+
Modal,
|
|
9
|
+
{
|
|
10
|
+
animationType: "slide",
|
|
11
|
+
visible: isVisible,
|
|
12
|
+
presentationStyle: "fullScreen",
|
|
13
|
+
style: {
|
|
14
|
+
flex: 1
|
|
15
|
+
},
|
|
16
|
+
onRequestClose: () => {
|
|
17
|
+
setVisible(false);
|
|
18
|
+
}
|
|
14
19
|
},
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
}, React__default.createElement(View, {
|
|
19
|
-
style: styles.container
|
|
20
|
-
}, React__default.createElement(View, {
|
|
21
|
-
style: styles.headerView
|
|
22
|
-
}, React__default.createElement(View, {
|
|
23
|
-
style: {
|
|
24
|
-
alignSelf: 'flex-end',
|
|
20
|
+
/* @__PURE__ */ React__default.createElement(View, { style: styles.container }, /* @__PURE__ */ React__default.createElement(View, { style: styles.headerView }, /* @__PURE__ */ React__default.createElement(View, { style: {
|
|
21
|
+
alignSelf: "flex-end",
|
|
25
22
|
paddingRight: 5
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
style: [styles.button, styles.buttonClose],
|
|
29
|
-
onPress: () => setVisible(false)
|
|
30
|
-
}, React__default.createElement(Text, {
|
|
31
|
-
style: styles.headerTextStyle
|
|
32
|
-
}, "X")))), React__default.createElement(View, {
|
|
33
|
-
style: styles.centeredView
|
|
34
|
-
}, modalContent ? modalContent : children), React__default.createElement(View, {
|
|
35
|
-
style: styles.footerView
|
|
36
|
-
})));
|
|
23
|
+
} }, /* @__PURE__ */ React__default.createElement(Pressable, { style: [styles.button, styles.buttonClose], onPress: () => setVisible(false) }, /* @__PURE__ */ React__default.createElement(Text, { style: styles.headerTextStyle }, "X")))), /* @__PURE__ */ React__default.createElement(View, { style: styles.centeredView }, modalContent ? modalContent : children), /* @__PURE__ */ React__default.createElement(View, { style: styles.footerView }))
|
|
24
|
+
);
|
|
37
25
|
};
|
|
38
26
|
const styles = StyleSheet.create({
|
|
39
27
|
container: {
|
|
40
28
|
flex: 1
|
|
41
29
|
},
|
|
42
30
|
headerView: {
|
|
43
|
-
width:
|
|
44
|
-
alignItems:
|
|
45
|
-
justifyContent:
|
|
46
|
-
|
|
47
|
-
backgroundColor: '#000',
|
|
31
|
+
width: "100%",
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
justifyContent: "space-between",
|
|
34
|
+
backgroundColor: "#000",
|
|
48
35
|
paddingTop: 50,
|
|
49
36
|
paddingBottom: 10
|
|
50
37
|
},
|
|
51
38
|
centeredView: {
|
|
52
39
|
flex: 1,
|
|
53
|
-
justifyContent:
|
|
54
|
-
alignItems:
|
|
55
|
-
backgroundColor:
|
|
40
|
+
justifyContent: "center",
|
|
41
|
+
alignItems: "center",
|
|
42
|
+
backgroundColor: "white",
|
|
56
43
|
borderRadius: 20,
|
|
57
|
-
shadowColor:
|
|
44
|
+
shadowColor: "#000",
|
|
58
45
|
shadowOffset: {
|
|
59
46
|
width: 0,
|
|
60
47
|
height: 2
|
|
@@ -65,14 +52,14 @@ const styles = StyleSheet.create({
|
|
|
65
52
|
},
|
|
66
53
|
footerView: {
|
|
67
54
|
minHeight: 100,
|
|
68
|
-
backgroundColor:
|
|
55
|
+
backgroundColor: "#000"
|
|
69
56
|
},
|
|
70
57
|
modalView: {
|
|
71
58
|
flex: 1,
|
|
72
|
-
backgroundColor:
|
|
59
|
+
backgroundColor: "white",
|
|
73
60
|
borderRadius: 20,
|
|
74
|
-
alignItems:
|
|
75
|
-
shadowColor:
|
|
61
|
+
alignItems: "center",
|
|
62
|
+
shadowColor: "#000",
|
|
76
63
|
shadowOffset: {
|
|
77
64
|
width: 0,
|
|
78
65
|
height: 2
|
|
@@ -87,24 +74,23 @@ const styles = StyleSheet.create({
|
|
|
87
74
|
elevation: 2
|
|
88
75
|
},
|
|
89
76
|
buttonOpen: {
|
|
90
|
-
backgroundColor:
|
|
77
|
+
backgroundColor: "#F194FF"
|
|
91
78
|
},
|
|
92
79
|
buttonClose: {
|
|
93
|
-
backgroundColor:
|
|
80
|
+
backgroundColor: "transparent"
|
|
94
81
|
},
|
|
95
82
|
textStyle: {
|
|
96
|
-
color:
|
|
97
|
-
fontWeight:
|
|
98
|
-
textAlign:
|
|
83
|
+
color: "white",
|
|
84
|
+
fontWeight: "bold",
|
|
85
|
+
textAlign: "center"
|
|
99
86
|
},
|
|
100
87
|
headerTextStyle: {
|
|
101
|
-
color:
|
|
102
|
-
|
|
103
|
-
textAlign: 'center',
|
|
88
|
+
color: "#fff",
|
|
89
|
+
textAlign: "center",
|
|
104
90
|
fontSize: 20
|
|
105
91
|
},
|
|
106
92
|
modalText: {
|
|
107
93
|
marginBottom: 15,
|
|
108
|
-
textAlign:
|
|
94
|
+
textAlign: "center"
|
|
109
95
|
}
|
|
110
96
|
});export{ImageViewerModal as default};//# sourceMappingURL=ImageViewerModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageViewerModal.js","sources":["../../../../../src/screens/inbox/components/SlackMessageContainer/ImageViewerModal.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ImageViewerModal.js","sources":["../../../../../src/screens/inbox/components/SlackMessageContainer/ImageViewerModal.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport {Alert, Modal, StyleSheet, Text, Pressable, View,SafeAreaView,StatusBar} from 'react-native';\n\nconst ImageViewerModal = ({children,isVisible=false,setVisible,modalContent=null}:any) => {\n \n return (\n <Modal\n animationType=\"slide\"\n // transparent={true}\n visible={isVisible}\n presentationStyle={'fullScreen'}\n style={{flex:1}}\n onRequestClose={() => {\n setVisible(false);\n }}>\n <View style={styles.container}> \n <View style={styles.headerView}>\n {/* <View><Text></Text></View>\n <View><Text></Text></View> */}\n <View style={{alignSelf:'flex-end',paddingRight:5}} > \n <Pressable\n style={[styles.button, styles.buttonClose]}\n onPress={() => setVisible(false)}>\n <Text style={styles.headerTextStyle}>X</Text>\n </Pressable></View>\n </View>\n <View style={styles.centeredView}>\n {modalContent ? modalContent : children}\n </View>\n <View style={styles.footerView}>\n\n </View>\n </View>\n </Modal>\n );\n};\n\nconst styles = StyleSheet.create({\n container:{\n flex:1,\n },\n headerView:{\n width:'100%',\n alignItems: 'center',\n justifyContent:'space-between',\n // backgroundColor:'rgba(r, g, b, a)',\n backgroundColor:'#000',\n paddingTop:50,\n paddingBottom:10,\n },\n centeredView: {\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: 'white',\n\n borderRadius: 20,\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.25,\n shadowRadius: 4,\n elevation: 5,\n },\n footerView:{\n minHeight:100,\n backgroundColor:'#000'\n },\n modalView: {\n flex:1,\n backgroundColor: 'white',\n borderRadius: 20,\n alignItems: 'center',\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.25,\n shadowRadius: 4,\n elevation: 5,\n },\n button: {\n borderRadius: 20,\n padding: 10,\n elevation: 2,\n },\n buttonOpen: {\n backgroundColor: '#F194FF',\n },\n buttonClose: {\n backgroundColor: 'transparent',\n },\n textStyle: {\n color: 'white',\n fontWeight: 'bold',\n textAlign: 'center',\n },\n headerTextStyle:{\n color: '#fff',\n // fontWeight: 'bold',\n textAlign: 'center',\n fontSize:20,\n },\n modalText: {\n marginBottom: 15,\n textAlign: 'center',\n },\n});\n\nexport default ImageViewerModal;"],"names":["React"],"mappings":"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"}
|