@sendbird/uikit-react-native 3.0.4 → 3.1.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/ChannelInput/SendInput.js +151 -19
- package/lib/commonjs/components/ChannelInput/SendInput.js.map +1 -1
- package/lib/commonjs/components/ChannelInput/index.js +5 -13
- package/lib/commonjs/components/ChannelInput/index.js.map +1 -1
- package/lib/commonjs/components/ChannelMessageList/index.js +34 -20
- package/lib/commonjs/components/ChannelMessageList/index.js.map +1 -1
- package/lib/commonjs/components/ChatFlatList/index.js +1 -1
- package/lib/commonjs/components/ChatFlatList/index.js.map +1 -1
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js +4 -1
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map +1 -1
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js +191 -0
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js.map +1 -0
- package/lib/commonjs/components/GroupChannelMessageRenderer/index.js +12 -1
- package/lib/commonjs/components/GroupChannelMessageRenderer/index.js.map +1 -1
- package/lib/commonjs/components/MessageSearchResultItem.js +2 -8
- package/lib/commonjs/components/MessageSearchResultItem.js.map +1 -1
- package/lib/commonjs/components/ReactionAddons/BottomSheetReactionAddon.js +8 -7
- package/lib/commonjs/components/ReactionAddons/BottomSheetReactionAddon.js.map +1 -1
- package/lib/commonjs/containers/GroupChannelPreviewContainer.js +3 -9
- package/lib/commonjs/containers/GroupChannelPreviewContainer.js.map +1 -1
- package/lib/commonjs/containers/SendbirdUIKitContainer.js +43 -9
- package/lib/commonjs/containers/SendbirdUIKitContainer.js.map +1 -1
- package/lib/commonjs/contexts/SendbirdChatCtx.js +5 -0
- package/lib/commonjs/contexts/SendbirdChatCtx.js.map +1 -1
- package/lib/commonjs/domain/groupChannel/component/GroupChannelInput.js +5 -1
- package/lib/commonjs/domain/groupChannel/component/GroupChannelInput.js.map +1 -1
- package/lib/commonjs/domain/groupChannel/component/GroupChannelMessageList.js +47 -10
- package/lib/commonjs/domain/groupChannel/component/GroupChannelMessageList.js.map +1 -1
- package/lib/commonjs/domain/groupChannel/module/moduleContext.js +38 -3
- package/lib/commonjs/domain/groupChannel/module/moduleContext.js.map +1 -1
- package/lib/commonjs/domain/groupChannel/types.js.map +1 -1
- package/lib/commonjs/domain/openChannel/types.js.map +1 -1
- package/lib/commonjs/fragments/createGroupChannelFragment.js +19 -0
- package/lib/commonjs/fragments/createGroupChannelFragment.js.map +1 -1
- package/lib/commonjs/hooks/useConnection.js +2 -1
- package/lib/commonjs/hooks/useConnection.js.map +1 -1
- package/lib/commonjs/hooks/useMentionSuggestion.js +1 -1
- package/lib/commonjs/hooks/useMentionSuggestion.js.map +1 -1
- package/lib/commonjs/hooks/useMentionTextInput.js +4 -3
- package/lib/commonjs/hooks/useMentionTextInput.js.map +1 -1
- package/lib/commonjs/libs/MentionManager.js.map +1 -1
- package/lib/commonjs/localization/StringSet.type.js.map +1 -1
- package/lib/commonjs/localization/createBaseStringSet.js +29 -0
- package/lib/commonjs/localization/createBaseStringSet.js.map +1 -1
- package/lib/commonjs/platform/createMediaService.native.js +1 -1
- package/lib/commonjs/platform/createMediaService.native.js.map +1 -1
- package/lib/commonjs/platform/types.js.map +1 -1
- package/lib/commonjs/utils/pubsub.js +3 -1
- package/lib/commonjs/utils/pubsub.js.map +1 -1
- package/lib/commonjs/version.js +1 -1
- package/lib/commonjs/version.js.map +1 -1
- package/lib/module/components/ChannelInput/SendInput.js +153 -21
- package/lib/module/components/ChannelInput/SendInput.js.map +1 -1
- package/lib/module/components/ChannelInput/index.js +6 -14
- package/lib/module/components/ChannelInput/index.js.map +1 -1
- package/lib/module/components/ChannelMessageList/index.js +34 -20
- package/lib/module/components/ChannelMessageList/index.js.map +1 -1
- package/lib/module/components/ChatFlatList/index.js +1 -1
- package/lib/module/components/ChatFlatList/index.js.map +1 -1
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js +4 -1
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map +1 -1
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js +182 -0
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js.map +1 -0
- package/lib/module/components/GroupChannelMessageRenderer/index.js +13 -2
- package/lib/module/components/GroupChannelMessageRenderer/index.js.map +1 -1
- package/lib/module/components/MessageSearchResultItem.js +3 -9
- package/lib/module/components/MessageSearchResultItem.js.map +1 -1
- package/lib/module/components/ReactionAddons/BottomSheetReactionAddon.js +8 -7
- package/lib/module/components/ReactionAddons/BottomSheetReactionAddon.js.map +1 -1
- package/lib/module/containers/GroupChannelPreviewContainer.js +4 -10
- package/lib/module/containers/GroupChannelPreviewContainer.js.map +1 -1
- package/lib/module/containers/SendbirdUIKitContainer.js +43 -9
- package/lib/module/containers/SendbirdUIKitContainer.js.map +1 -1
- package/lib/module/contexts/SendbirdChatCtx.js +6 -1
- package/lib/module/contexts/SendbirdChatCtx.js.map +1 -1
- package/lib/module/domain/groupChannel/component/GroupChannelInput.js +5 -1
- package/lib/module/domain/groupChannel/component/GroupChannelInput.js.map +1 -1
- package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js +50 -13
- package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js.map +1 -1
- package/lib/module/domain/groupChannel/module/moduleContext.js +39 -4
- package/lib/module/domain/groupChannel/module/moduleContext.js.map +1 -1
- package/lib/module/domain/groupChannel/types.js.map +1 -1
- package/lib/module/domain/openChannel/types.js.map +1 -1
- package/lib/module/fragments/createGroupChannelFragment.js +19 -0
- package/lib/module/fragments/createGroupChannelFragment.js.map +1 -1
- package/lib/module/hooks/useConnection.js +2 -1
- package/lib/module/hooks/useConnection.js.map +1 -1
- package/lib/module/hooks/useMentionSuggestion.js +1 -1
- package/lib/module/hooks/useMentionSuggestion.js.map +1 -1
- package/lib/module/hooks/useMentionTextInput.js +4 -3
- package/lib/module/hooks/useMentionTextInput.js.map +1 -1
- package/lib/module/libs/MentionManager.js.map +1 -1
- package/lib/module/localization/StringSet.type.js.map +1 -1
- package/lib/module/localization/createBaseStringSet.js +30 -1
- package/lib/module/localization/createBaseStringSet.js.map +1 -1
- package/lib/module/platform/createMediaService.native.js +1 -1
- package/lib/module/platform/createMediaService.native.js.map +1 -1
- package/lib/module/platform/types.js.map +1 -1
- package/lib/module/utils/pubsub.js +3 -1
- package/lib/module/utils/pubsub.js.map +1 -1
- package/lib/module/version.js +1 -1
- package/lib/module/version.js.map +1 -1
- package/lib/typescript/src/components/ChannelInput/index.d.ts +2 -0
- package/lib/typescript/src/components/ChannelMessageList/index.d.ts +4 -1
- package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.d.ts +9 -0
- package/lib/typescript/src/components/GroupChannelMessageRenderer/index.d.ts +1 -0
- package/lib/typescript/src/components/OpenChannelMessageRenderer/index.d.ts +1 -0
- package/lib/typescript/src/containers/SendbirdUIKitContainer.d.ts +4 -2
- package/lib/typescript/src/domain/groupChannel/component/GroupChannelMessageList.d.ts +4 -0
- package/lib/typescript/src/domain/groupChannel/types.d.ts +6 -2
- package/lib/typescript/src/domain/openChannel/component/OpenChannelHeader.d.ts +1 -1
- package/lib/typescript/src/domain/openChannel/types.d.ts +1 -2
- package/lib/typescript/src/libs/MentionManager.d.ts +1 -4
- package/lib/typescript/src/localization/StringSet.type.d.ts +7 -1
- package/lib/typescript/src/platform/types.d.ts +10 -11
- package/lib/typescript/src/version.d.ts +1 -1
- package/package.json +6 -6
- package/src/components/ChannelInput/SendInput.tsx +184 -51
- package/src/components/ChannelInput/index.tsx +11 -15
- package/src/components/ChannelMessageList/index.tsx +45 -27
- package/src/components/ChatFlatList/index.tsx +1 -1
- package/src/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.tsx +5 -1
- package/src/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.tsx +177 -0
- package/src/components/GroupChannelMessageRenderer/index.tsx +16 -1
- package/src/components/MessageSearchResultItem.tsx +3 -5
- package/src/components/ReactionAddons/BottomSheetReactionAddon.tsx +6 -7
- package/src/containers/GroupChannelPreviewContainer.tsx +6 -7
- package/src/containers/SendbirdUIKitContainer.tsx +40 -10
- package/src/contexts/SendbirdChatCtx.tsx +7 -1
- package/src/domain/groupChannel/component/GroupChannelInput.tsx +5 -1
- package/src/domain/groupChannel/component/GroupChannelMessageList.tsx +46 -13
- package/src/domain/groupChannel/module/moduleContext.tsx +38 -3
- package/src/domain/groupChannel/types.ts +8 -2
- package/src/domain/openChannel/types.ts +1 -2
- package/src/fragments/createGroupChannelFragment.tsx +15 -0
- package/src/hooks/useConnection.ts +1 -1
- package/src/hooks/useMentionSuggestion.ts +2 -1
- package/src/hooks/useMentionTextInput.ts +2 -2
- package/src/libs/MentionManager.tsx +1 -8
- package/src/localization/StringSet.type.ts +11 -0
- package/src/localization/createBaseStringSet.ts +30 -0
- package/src/platform/createMediaService.native.tsx +1 -1
- package/src/platform/types.ts +9 -9
- package/src/utils/pubsub.ts +3 -1
- package/src/version.ts +1 -1
package/lib/commonjs/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["VERSION","_default","exports","default"],"sources":["version.ts"],"sourcesContent":["const VERSION = '3.
|
|
1
|
+
{"version":3,"names":["VERSION","_default","exports","default"],"sources":["version.ts"],"sourcesContent":["const VERSION = '3.1.1';\nexport default VERSION;\n"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,OAAO;AAAC,IAAAC,QAAA,GACTD,OAAO;AAAAE,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { Platform, TouchableOpacity, View } from 'react-native';
|
|
3
3
|
import { MentionType } from '@sendbird/chat/message';
|
|
4
|
-
import { Icon, TextInput, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
|
|
5
|
-
import { isImage, shouldCompressImage, useIIFE } from '@sendbird/uikit-utils';
|
|
4
|
+
import { Icon, ImageWithPlaceholder, Text, TextInput, VideoThumbnail, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
|
|
5
|
+
import { Logger, getFileIconFromMessageType, getMessageType, getThumbnailUriFromFileMessage, isImage, shouldCompressImage, useIIFE } from '@sendbird/uikit-utils';
|
|
6
6
|
import { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';
|
|
7
7
|
import SBUError from '../../libs/SBUError';
|
|
8
8
|
import SBUUtils from '../../libs/SBUUtils';
|
|
@@ -18,50 +18,174 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
|
|
|
18
18
|
inputDisabled,
|
|
19
19
|
inputFrozen,
|
|
20
20
|
inputMuted,
|
|
21
|
-
channel
|
|
21
|
+
channel,
|
|
22
|
+
messageToReply,
|
|
23
|
+
setMessageToReply
|
|
22
24
|
} = _ref;
|
|
23
25
|
const {
|
|
24
26
|
mentionManager,
|
|
25
27
|
sbOptions
|
|
26
28
|
} = useSendbirdChat();
|
|
29
|
+
const {
|
|
30
|
+
select,
|
|
31
|
+
colors,
|
|
32
|
+
palette
|
|
33
|
+
} = useUIKitTheme();
|
|
27
34
|
const {
|
|
28
35
|
STRINGS
|
|
29
36
|
} = useLocalization();
|
|
30
|
-
const {
|
|
31
|
-
colors
|
|
32
|
-
} = useUIKitTheme();
|
|
33
37
|
const {
|
|
34
38
|
openSheet
|
|
35
39
|
} = useBottomSheet();
|
|
36
40
|
const toast = useToast();
|
|
37
|
-
const
|
|
41
|
+
const {
|
|
42
|
+
mediaService
|
|
43
|
+
} = usePlatformService();
|
|
44
|
+
const messageReplyParams = useIIFE(() => {
|
|
45
|
+
const {
|
|
46
|
+
groupChannel
|
|
47
|
+
} = sbOptions.uikit;
|
|
48
|
+
if (!channel.isGroupChannel() || groupChannel.channel.replyType === 'none' || !messageToReply) return {};
|
|
49
|
+
return {
|
|
50
|
+
parentMessageId: messageToReply.messageId,
|
|
51
|
+
isReplyToChannel: true
|
|
52
|
+
};
|
|
53
|
+
});
|
|
54
|
+
const messageMentionParams = useIIFE(() => {
|
|
55
|
+
const {
|
|
56
|
+
groupChannel
|
|
57
|
+
} = sbOptions.uikit;
|
|
58
|
+
if (!channel.isGroupChannel() || !groupChannel.channel.enableMention) return {};
|
|
59
|
+
return {
|
|
60
|
+
mentionType: MentionType.USERS,
|
|
61
|
+
mentionedUserIds: mentionedUsers.map(it => it.user.userId),
|
|
62
|
+
mentionedMessageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers, groupChannel.channel.enableMention)
|
|
63
|
+
};
|
|
64
|
+
});
|
|
65
|
+
const onFailureToSend = error => {
|
|
66
|
+
toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');
|
|
67
|
+
Logger.error(STRINGS.TOAST.SEND_MSG_ERROR, error);
|
|
68
|
+
};
|
|
38
69
|
const sendUserMessage = () => {
|
|
39
|
-
const mentionType = MentionType.USERS;
|
|
40
|
-
const mentionedUserIds = mentionedUsers.map(it => it.user.userId);
|
|
41
|
-
const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention);
|
|
42
70
|
onPressSendUserMessage({
|
|
43
71
|
message: text,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
mentionedMessageTemplate
|
|
72
|
+
...messageMentionParams,
|
|
73
|
+
...messageReplyParams
|
|
47
74
|
}).catch(onFailureToSend);
|
|
48
75
|
onChangeText('');
|
|
76
|
+
setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply();
|
|
49
77
|
};
|
|
50
|
-
const
|
|
78
|
+
const sendFileMessage = file => {
|
|
51
79
|
onPressSendFileMessage({
|
|
52
|
-
file
|
|
80
|
+
file,
|
|
81
|
+
...messageReplyParams
|
|
53
82
|
}).catch(onFailureToSend);
|
|
54
|
-
|
|
83
|
+
setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply();
|
|
84
|
+
};
|
|
85
|
+
const sheetItems = useChannelInputItems(channel, sendFileMessage);
|
|
55
86
|
const onPressAttachment = () => openSheet({
|
|
56
87
|
sheetItems
|
|
57
88
|
});
|
|
58
89
|
const getPlaceholder = () => {
|
|
59
|
-
if (!inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;
|
|
60
|
-
if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
|
|
61
90
|
if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;
|
|
62
|
-
return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
|
|
91
|
+
if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
|
|
92
|
+
if (inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
|
|
93
|
+
if (messageToReply) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY;
|
|
94
|
+
return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;
|
|
95
|
+
};
|
|
96
|
+
const getFileIconAsImage = url => {
|
|
97
|
+
return /*#__PURE__*/React.createElement(ImageWithPlaceholder, {
|
|
98
|
+
source: {
|
|
99
|
+
uri: url
|
|
100
|
+
},
|
|
101
|
+
style: styles.previewImage
|
|
102
|
+
});
|
|
103
|
+
};
|
|
104
|
+
const getFileIconAsVideoThumbnail = url => {
|
|
105
|
+
return /*#__PURE__*/React.createElement(VideoThumbnail, {
|
|
106
|
+
style: styles.previewImage,
|
|
107
|
+
iconSize: 0,
|
|
108
|
+
source: url,
|
|
109
|
+
fetchThumbnailFromVideoSource: uri => mediaService.getVideoThumbnail({
|
|
110
|
+
url: uri,
|
|
111
|
+
timeMills: 1000
|
|
112
|
+
})
|
|
113
|
+
});
|
|
63
114
|
};
|
|
64
|
-
|
|
115
|
+
const getFileIconAsSymbol = icon => {
|
|
116
|
+
return /*#__PURE__*/React.createElement(Icon, {
|
|
117
|
+
icon: icon,
|
|
118
|
+
size: 20,
|
|
119
|
+
color: colors.onBackground02,
|
|
120
|
+
containerStyle: {
|
|
121
|
+
backgroundColor: select({
|
|
122
|
+
light: palette.background100,
|
|
123
|
+
dark: palette.background500
|
|
124
|
+
}),
|
|
125
|
+
width: 36,
|
|
126
|
+
height: 36,
|
|
127
|
+
borderRadius: 10,
|
|
128
|
+
marginRight: 10,
|
|
129
|
+
marginTop: 2
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
};
|
|
133
|
+
const getFileIcon = messageToReply => {
|
|
134
|
+
if (messageToReply !== null && messageToReply !== void 0 && messageToReply.isFileMessage()) {
|
|
135
|
+
const messageType = getMessageType(messageToReply);
|
|
136
|
+
switch (messageType) {
|
|
137
|
+
case 'file.image':
|
|
138
|
+
return getFileIconAsImage(getThumbnailUriFromFileMessage(messageToReply));
|
|
139
|
+
case 'file.video':
|
|
140
|
+
return getFileIconAsVideoThumbnail(getThumbnailUriFromFileMessage(messageToReply));
|
|
141
|
+
default:
|
|
142
|
+
return getFileIconAsSymbol(getFileIconFromMessageType(messageType));
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
return null;
|
|
146
|
+
};
|
|
147
|
+
return /*#__PURE__*/React.createElement(View, null, messageToReply && /*#__PURE__*/React.createElement(View, {
|
|
148
|
+
style: {
|
|
149
|
+
flexDirection: 'row',
|
|
150
|
+
paddingLeft: 18,
|
|
151
|
+
paddingRight: 16,
|
|
152
|
+
paddingTop: 10,
|
|
153
|
+
paddingBottom: 8,
|
|
154
|
+
alignItems: 'center',
|
|
155
|
+
borderTopWidth: 1,
|
|
156
|
+
borderColor: colors.onBackground04
|
|
157
|
+
}
|
|
158
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
159
|
+
style: {
|
|
160
|
+
flex: 1,
|
|
161
|
+
flexDirection: 'row'
|
|
162
|
+
}
|
|
163
|
+
}, getFileIcon(messageToReply), /*#__PURE__*/React.createElement(View, {
|
|
164
|
+
style: {
|
|
165
|
+
flex: 1,
|
|
166
|
+
flexDirection: 'column'
|
|
167
|
+
}
|
|
168
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
169
|
+
numberOfLines: 1,
|
|
170
|
+
style: {
|
|
171
|
+
fontSize: 13,
|
|
172
|
+
fontWeight: '900',
|
|
173
|
+
marginBottom: 4
|
|
174
|
+
}
|
|
175
|
+
}, STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_TITLE(messageToReply.sender)), /*#__PURE__*/React.createElement(Text, {
|
|
176
|
+
numberOfLines: 1,
|
|
177
|
+
style: {
|
|
178
|
+
fontSize: 13,
|
|
179
|
+
color: colors.onBackground03
|
|
180
|
+
}
|
|
181
|
+
}, STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_BODY(messageToReply)))), /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
182
|
+
onPress: () => setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply(undefined)
|
|
183
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
184
|
+
icon: 'close',
|
|
185
|
+
size: 24,
|
|
186
|
+
color: colors.onBackground01,
|
|
187
|
+
containerStyle: styles.iconSend
|
|
188
|
+
}))), /*#__PURE__*/React.createElement(View, {
|
|
65
189
|
style: styles.sendInputContainer
|
|
66
190
|
}, AttachmentsButton && /*#__PURE__*/React.createElement(AttachmentsButton, {
|
|
67
191
|
onPress: onPressAttachment,
|
|
@@ -83,7 +207,7 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
|
|
|
83
207
|
icon: 'send',
|
|
84
208
|
size: 24,
|
|
85
209
|
containerStyle: styles.iconSend
|
|
86
|
-
})));
|
|
210
|
+
}))));
|
|
87
211
|
});
|
|
88
212
|
const useChannelInputItems = (channel, sendFileMessage) => {
|
|
89
213
|
const {
|
|
@@ -302,6 +426,14 @@ const styles = createStyleSheet({
|
|
|
302
426
|
iconSend: {
|
|
303
427
|
marginLeft: 4,
|
|
304
428
|
padding: 4
|
|
429
|
+
},
|
|
430
|
+
previewImage: {
|
|
431
|
+
width: 36,
|
|
432
|
+
height: 36,
|
|
433
|
+
borderRadius: 10,
|
|
434
|
+
marginTop: 2,
|
|
435
|
+
marginRight: 10,
|
|
436
|
+
overflow: 'hidden'
|
|
305
437
|
}
|
|
306
438
|
});
|
|
307
439
|
export default SendInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","Platform","TouchableOpacity","View","MentionType","Icon","TextInput","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","isImage","shouldCompressImage","useIIFE","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","SendInput","_ref","ref","AttachmentsButton","onPressSendUserMessage","onPressSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","channel","mentionManager","sbOptions","STRINGS","colors","openSheet","toast","onFailureToSend","show","TOAST","SEND_MSG_ERROR","sendUserMessage","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","uikit","groupChannel","enableMention","message","catch","sheetItems","useChannelInputItems","file","onPressAttachment","getPlaceholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","CHANNEL_INPUT_PLACEHOLDER_DISABLED","CHANNEL_INPUT_PLACEHOLDER_MUTED","createElement","style","styles","sendInputContainer","onPress","disabled","multiline","disableFullscreenUI","editable","input","placeholder","textToMentionedComponents","Boolean","trim","color","ui","default","highlight","active","icon","size","containerStyle","iconSend","sendFileMessage","imageCompressionConfig","fileService","mediaService","alert","isOpenChannel","openChannel","isGroupChannel","enableDocument","camera","enablePhoto","enableVideo","gallery","push","title","CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO","mediaFile","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","openSettings","OPEN_CAMERA_ERROR","uri","type","chat","imageCompressionEnabled","safeRun","compressed","compressImage","maxWidth","width","maxHeight","height","compressionRate","CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO","CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","CHANNEL_INPUT_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","select","ios","borderRadius","marginLeft","padding"],"sources":["SendInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n NativeSyntheticEvent,\n Platform,\n TextInput as RNTextInput,\n TextInputSelectionChangeEventData,\n TouchableOpacity,\n View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport {\n Icon,\n TextInput,\n createStyleSheet,\n useAlert,\n useBottomSheet,\n useToast,\n useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdChannel, isImage, shouldCompressImage, useIIFE } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport SBUError from '../../libs/SBUError';\nimport SBUUtils from '../../libs/SBUUtils';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser } from '../../types';\nimport type { ChannelInputProps } from './index';\n\ninterface SendInputProps extends ChannelInputProps {\n text: string;\n onChangeText: (val: string) => void;\n onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n mentionedUsers: MentionedUser[];\n}\n\nconst SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(\n {\n AttachmentsButton,\n onPressSendUserMessage,\n onPressSendFileMessage,\n text,\n onChangeText,\n onSelectionChange,\n mentionedUsers,\n inputDisabled,\n inputFrozen,\n inputMuted,\n channel,\n },\n ref,\n) {\n const { mentionManager, sbOptions } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n const { openSheet } = useBottomSheet();\n const toast = useToast();\n\n const onFailureToSend = () => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');\n\n const sendUserMessage = () => {\n const mentionType = MentionType.USERS;\n const mentionedUserIds = mentionedUsers.map((it) => it.user.userId);\n const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(\n text,\n mentionedUsers,\n sbOptions.uikit.groupChannel.channel.enableMention,\n );\n\n onPressSendUserMessage({\n message: text,\n mentionType,\n mentionedUserIds,\n mentionedMessageTemplate,\n }).catch(onFailureToSend);\n\n onChangeText('');\n };\n\n const sheetItems = useChannelInputItems(channel, (file) => {\n onPressSendFileMessage({ file }).catch(onFailureToSend);\n });\n const onPressAttachment = () => openSheet({ sheetItems });\n\n const getPlaceholder = () => {\n if (!inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;\n if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;\n\n return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n };\n\n return (\n <View style={styles.sendInputContainer}>\n {AttachmentsButton && <AttachmentsButton onPress={onPressAttachment} disabled={inputDisabled} />}\n <TextInput\n ref={ref}\n multiline\n disableFullscreenUI\n onSelectionChange={onSelectionChange}\n editable={!inputDisabled}\n onChangeText={onChangeText}\n style={styles.input}\n placeholder={getPlaceholder()}\n >\n {mentionManager.textToMentionedComponents(\n text,\n mentionedUsers,\n sbOptions.uikit.groupChannel.channel.enableMention,\n )}\n </TextInput>\n\n {Boolean(text.trim()) && (\n <TouchableOpacity onPress={sendUserMessage} disabled={inputDisabled}>\n <Icon\n color={\n inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight\n }\n icon={'send'}\n size={24}\n containerStyle={styles.iconSend}\n />\n </TouchableOpacity>\n )}\n </View>\n );\n});\n\nconst useChannelInputItems = (channel: SendbirdChannel, sendFileMessage: (file: FileType) => void) => {\n const { sbOptions, imageCompressionConfig } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { fileService, mediaService } = usePlatformService();\n const { alert } = useAlert();\n const toast = useToast();\n\n const sheetItems: BottomSheetItem['sheetItems'] = [];\n const input = useIIFE(() => {\n switch (true) {\n case channel.isOpenChannel():\n return sbOptions.uikit.openChannel.channel.input;\n case channel.isGroupChannel():\n return sbOptions.uikit.groupChannel.channel.input;\n default:\n return {\n enableDocument: true,\n camera: { enablePhoto: true, enableVideo: true },\n gallery: { enablePhoto: true, enableVideo: true },\n };\n }\n });\n\n if (input.camera.enablePhoto) {\n sheetItems.push({\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO,\n icon: 'camera',\n onPress: async () => {\n const mediaFile = await fileService.openCamera({\n mediaType: 'photo',\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_CAMERA,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n }\n },\n });\n\n if (mediaFile) {\n // Image compression\n if (\n isImage(mediaFile.uri, mediaFile.type) &&\n shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: mediaFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n mediaFile.uri = compressed.uri;\n mediaFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(mediaFile);\n }\n },\n });\n }\n\n if (input.camera.enableVideo) {\n sheetItems.push({\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO,\n icon: 'camera',\n onPress: async () => {\n const mediaFile = await fileService.openCamera({\n mediaType: 'video',\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_CAMERA,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n }\n },\n });\n\n if (mediaFile) {\n sendFileMessage(mediaFile);\n }\n },\n });\n }\n\n if (input.gallery.enablePhoto || input.gallery.enableVideo) {\n const mediaType = (() => {\n switch (true) {\n case input.gallery.enablePhoto && input.gallery.enableVideo:\n return 'all';\n case input.gallery.enablePhoto && !input.gallery.enableVideo:\n return 'photo';\n case !input.gallery.enablePhoto && input.gallery.enableVideo:\n return 'video';\n default:\n return 'all';\n }\n })();\n\n sheetItems.push({\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,\n icon: 'photo',\n onPress: async () => {\n const mediaFiles = await fileService.openMediaLibrary({\n selectionLimit: 1,\n mediaType,\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n }\n },\n });\n\n if (mediaFiles && mediaFiles[0]) {\n const mediaFile = mediaFiles[0];\n\n // Image compression\n if (\n isImage(mediaFile.uri, mediaFile.type) &&\n shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: mediaFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n mediaFile.uri = compressed.uri;\n mediaFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(mediaFile);\n }\n },\n });\n }\n\n if (input.enableDocument) {\n sheetItems.push({\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,\n icon: 'document',\n onPress: async () => {\n const documentFile = await fileService.openDocument({\n onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n });\n\n if (documentFile) {\n // Image compression\n if (\n isImage(documentFile.uri, documentFile.type) &&\n shouldCompressImage(documentFile.type, sbOptions.chat.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: documentFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n documentFile.uri = compressed.uri;\n documentFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(documentFile);\n }\n },\n });\n }\n\n return sheetItems;\n};\n\nconst styles = createStyleSheet({\n sendInputContainer: {\n paddingVertical: 10,\n paddingHorizontal: 12,\n alignItems: 'center',\n flexDirection: 'row',\n },\n input: {\n flex: 1,\n marginRight: 4,\n minHeight: 36,\n maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n borderRadius: 20,\n },\n iconSend: {\n marginLeft: 4,\n padding: 4,\n },\n});\n\nexport default SendInput;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","forwardRef","Platform","TouchableOpacity","View","MentionType","Icon","ImageWithPlaceholder","Text","TextInput","VideoThumbnail","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getFileIconFromMessageType","getMessageType","getThumbnailUriFromFileMessage","isImage","shouldCompressImage","useIIFE","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","SendInput","_ref","ref","AttachmentsButton","onPressSendUserMessage","onPressSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","channel","messageToReply","setMessageToReply","mentionManager","sbOptions","select","colors","palette","STRINGS","openSheet","toast","mediaService","messageReplyParams","groupChannel","uikit","isGroupChannel","replyType","parentMessageId","messageId","isReplyToChannel","messageMentionParams","enableMention","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","onFailureToSend","error","show","TOAST","SEND_MSG_ERROR","sendUserMessage","message","catch","sendFileMessage","file","sheetItems","useChannelInputItems","onPressAttachment","getPlaceholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_MUTED","CHANNEL_INPUT_PLACEHOLDER_DISABLED","CHANNEL_INPUT_PLACEHOLDER_REPLY","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","getFileIconAsImage","url","createElement","source","uri","style","styles","previewImage","getFileIconAsVideoThumbnail","iconSize","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","getFileIconAsSymbol","icon","size","color","onBackground02","containerStyle","backgroundColor","light","background100","dark","background500","width","height","borderRadius","marginRight","marginTop","getFileIcon","isFileMessage","messageType","flexDirection","paddingLeft","paddingRight","paddingTop","paddingBottom","alignItems","borderTopWidth","borderColor","onBackground04","flex","numberOfLines","fontSize","fontWeight","marginBottom","CHANNEL_INPUT_REPLY_PREVIEW_TITLE","sender","onBackground03","CHANNEL_INPUT_REPLY_PREVIEW_BODY","onPress","undefined","onBackground01","iconSend","sendInputContainer","disabled","multiline","disableFullscreenUI","editable","input","placeholder","textToMentionedComponents","Boolean","trim","ui","default","highlight","active","imageCompressionConfig","fileService","alert","isOpenChannel","openChannel","enableDocument","camera","enablePhoto","enableVideo","gallery","push","title","CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO","mediaFile","openCamera","mediaType","onOpenFailure","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","openSettings","OPEN_CAMERA_ERROR","type","chat","imageCompressionEnabled","safeRun","compressed","compressImage","maxWidth","maxHeight","compressionRate","CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO","CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","CHANNEL_INPUT_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR","paddingVertical","paddingHorizontal","minHeight","ios","marginLeft","padding","overflow"],"sources":["SendInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n NativeSyntheticEvent,\n Platform,\n TextInput as RNTextInput,\n TextInputSelectionChangeEventData,\n TouchableOpacity,\n View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n Icon,\n ImageWithPlaceholder,\n Text,\n TextInput,\n VideoThumbnail,\n createStyleSheet,\n useAlert,\n useBottomSheet,\n useToast,\n useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n FileIcon,\n Logger,\n SendbirdBaseMessage,\n SendbirdChannel,\n getFileIconFromMessageType,\n getMessageType,\n getThumbnailUriFromFileMessage,\n isImage,\n shouldCompressImage,\n useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport SBUError from '../../libs/SBUError';\nimport SBUUtils from '../../libs/SBUUtils';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser } from '../../types';\nimport type { ChannelInputProps } from './index';\n\ninterface SendInputProps extends ChannelInputProps {\n text: string;\n onChangeText: (val: string) => void;\n onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n mentionedUsers: MentionedUser[];\n}\n\nconst SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(\n {\n AttachmentsButton,\n onPressSendUserMessage,\n onPressSendFileMessage,\n text,\n onChangeText,\n onSelectionChange,\n mentionedUsers,\n inputDisabled,\n inputFrozen,\n inputMuted,\n channel,\n messageToReply,\n setMessageToReply,\n },\n ref,\n) {\n const { mentionManager, sbOptions } = useSendbirdChat();\n const { select, colors, palette } = useUIKitTheme();\n const { STRINGS } = useLocalization();\n const { openSheet } = useBottomSheet();\n const toast = useToast();\n const { mediaService } = usePlatformService();\n\n const messageReplyParams = useIIFE(() => {\n const { groupChannel } = sbOptions.uikit;\n if (!channel.isGroupChannel() || groupChannel.channel.replyType === 'none' || !messageToReply) return {};\n return {\n parentMessageId: messageToReply.messageId,\n isReplyToChannel: true,\n };\n });\n\n const messageMentionParams = useIIFE(() => {\n const { groupChannel } = sbOptions.uikit;\n if (!channel.isGroupChannel() || !groupChannel.channel.enableMention) return {};\n return {\n mentionType: MentionType.USERS,\n mentionedUserIds: mentionedUsers.map((it) => it.user.userId),\n mentionedMessageTemplate: mentionManager.textToMentionedMessageTemplate(\n text,\n mentionedUsers,\n groupChannel.channel.enableMention,\n ),\n };\n });\n\n const onFailureToSend = (error: Error) => {\n toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');\n Logger.error(STRINGS.TOAST.SEND_MSG_ERROR, error);\n };\n\n const sendUserMessage = () => {\n onPressSendUserMessage({\n message: text,\n ...messageMentionParams,\n ...messageReplyParams,\n }).catch(onFailureToSend);\n\n onChangeText('');\n setMessageToReply?.();\n };\n\n const sendFileMessage = (file: FileType) => {\n onPressSendFileMessage({\n file,\n ...messageReplyParams,\n }).catch(onFailureToSend);\n\n setMessageToReply?.();\n };\n\n const sheetItems = useChannelInputItems(channel, sendFileMessage);\n const onPressAttachment = () => openSheet({ sheetItems });\n\n const getPlaceholder = () => {\n if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;\n if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n if (inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n if (messageToReply) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY;\n\n return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;\n };\n\n const getFileIconAsImage = (url: string) => {\n return <ImageWithPlaceholder source={{ uri: url }} style={styles.previewImage} />;\n };\n\n const getFileIconAsVideoThumbnail = (url: string) => {\n return (\n <VideoThumbnail\n style={styles.previewImage}\n iconSize={0}\n source={url}\n fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n />\n );\n };\n\n const getFileIconAsSymbol = (icon: FileIcon) => {\n return (\n <Icon\n icon={icon}\n size={20}\n color={colors.onBackground02}\n containerStyle={{\n backgroundColor: select({\n light: palette.background100,\n dark: palette.background500,\n }),\n width: 36,\n height: 36,\n borderRadius: 10,\n marginRight: 10,\n marginTop: 2,\n }}\n />\n );\n };\n\n const getFileIcon = (messageToReply: SendbirdBaseMessage) => {\n if (messageToReply?.isFileMessage()) {\n const messageType = getMessageType(messageToReply);\n switch (messageType) {\n case 'file.image':\n return getFileIconAsImage(getThumbnailUriFromFileMessage(messageToReply));\n case 'file.video':\n return getFileIconAsVideoThumbnail(getThumbnailUriFromFileMessage(messageToReply));\n default:\n return getFileIconAsSymbol(getFileIconFromMessageType(messageType));\n }\n }\n return null;\n };\n\n return (\n <View>\n {messageToReply && (\n <View\n style={{\n flexDirection: 'row',\n paddingLeft: 18,\n paddingRight: 16,\n paddingTop: 10,\n paddingBottom: 8,\n alignItems: 'center',\n borderTopWidth: 1,\n borderColor: colors.onBackground04,\n }}\n >\n <View style={{ flex: 1, flexDirection: 'row' }}>\n {getFileIcon(messageToReply)}\n <View style={{ flex: 1, flexDirection: 'column' }}>\n <Text numberOfLines={1} style={{ fontSize: 13, fontWeight: '900', marginBottom: 4 }}>\n {STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_TITLE(messageToReply.sender)}\n </Text>\n <Text numberOfLines={1} style={{ fontSize: 13, color: colors.onBackground03 }}>\n {STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_BODY(messageToReply)}\n </Text>\n </View>\n </View>\n <TouchableOpacity onPress={() => setMessageToReply?.(undefined)}>\n <Icon icon={'close'} size={24} color={colors.onBackground01} containerStyle={styles.iconSend} />\n </TouchableOpacity>\n </View>\n )}\n <View style={styles.sendInputContainer}>\n {AttachmentsButton && <AttachmentsButton onPress={onPressAttachment} disabled={inputDisabled} />}\n <TextInput\n ref={ref}\n multiline\n disableFullscreenUI\n onSelectionChange={onSelectionChange}\n editable={!inputDisabled}\n onChangeText={onChangeText}\n style={styles.input}\n placeholder={getPlaceholder()}\n >\n {mentionManager.textToMentionedComponents(\n text,\n mentionedUsers,\n sbOptions.uikit.groupChannel.channel.enableMention,\n )}\n </TextInput>\n\n {Boolean(text.trim()) && (\n <TouchableOpacity onPress={sendUserMessage} disabled={inputDisabled}>\n <Icon\n color={\n inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight\n }\n icon={'send'}\n size={24}\n containerStyle={styles.iconSend}\n />\n </TouchableOpacity>\n )}\n </View>\n </View>\n );\n});\n\nconst useChannelInputItems = (channel: SendbirdChannel, sendFileMessage: (file: FileType) => void) => {\n const { sbOptions, imageCompressionConfig } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { fileService, mediaService } = usePlatformService();\n const { alert } = useAlert();\n const toast = useToast();\n\n const sheetItems: BottomSheetItem['sheetItems'] = [];\n const input = useIIFE(() => {\n switch (true) {\n case channel.isOpenChannel():\n return sbOptions.uikit.openChannel.channel.input;\n case channel.isGroupChannel():\n return sbOptions.uikit.groupChannel.channel.input;\n default:\n return {\n enableDocument: true,\n camera: { enablePhoto: true, enableVideo: true },\n gallery: { enablePhoto: true, enableVideo: true },\n };\n }\n });\n\n if (input.camera.enablePhoto) {\n sheetItems.push({\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO,\n icon: 'camera',\n onPress: async () => {\n const mediaFile = await fileService.openCamera({\n mediaType: 'photo',\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_CAMERA,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n }\n },\n });\n\n if (mediaFile) {\n // Image compression\n if (\n isImage(mediaFile.uri, mediaFile.type) &&\n shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: mediaFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n mediaFile.uri = compressed.uri;\n mediaFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(mediaFile);\n }\n },\n });\n }\n\n if (input.camera.enableVideo) {\n sheetItems.push({\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO,\n icon: 'camera',\n onPress: async () => {\n const mediaFile = await fileService.openCamera({\n mediaType: 'video',\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_CAMERA,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n }\n },\n });\n\n if (mediaFile) {\n sendFileMessage(mediaFile);\n }\n },\n });\n }\n\n if (input.gallery.enablePhoto || input.gallery.enableVideo) {\n const mediaType = (() => {\n switch (true) {\n case input.gallery.enablePhoto && input.gallery.enableVideo:\n return 'all';\n case input.gallery.enablePhoto && !input.gallery.enableVideo:\n return 'photo';\n case !input.gallery.enablePhoto && input.gallery.enableVideo:\n return 'video';\n default:\n return 'all';\n }\n })();\n\n sheetItems.push({\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,\n icon: 'photo',\n onPress: async () => {\n const mediaFiles = await fileService.openMediaLibrary({\n selectionLimit: 1,\n mediaType,\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n }\n },\n });\n\n if (mediaFiles && mediaFiles[0]) {\n const mediaFile = mediaFiles[0];\n\n // Image compression\n if (\n isImage(mediaFile.uri, mediaFile.type) &&\n shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: mediaFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n mediaFile.uri = compressed.uri;\n mediaFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(mediaFile);\n }\n },\n });\n }\n\n if (input.enableDocument) {\n sheetItems.push({\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,\n icon: 'document',\n onPress: async () => {\n const documentFile = await fileService.openDocument({\n onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n });\n\n if (documentFile) {\n // Image compression\n if (\n isImage(documentFile.uri, documentFile.type) &&\n shouldCompressImage(documentFile.type, sbOptions.chat.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: documentFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n documentFile.uri = compressed.uri;\n documentFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(documentFile);\n }\n },\n });\n }\n\n return sheetItems;\n};\n\nconst styles = createStyleSheet({\n sendInputContainer: {\n paddingVertical: 10,\n paddingHorizontal: 12,\n alignItems: 'center',\n flexDirection: 'row',\n },\n input: {\n flex: 1,\n marginRight: 4,\n minHeight: 36,\n maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n borderRadius: 20,\n },\n iconSend: {\n marginLeft: 4,\n padding: 4,\n },\n previewImage: {\n width: 36,\n height: 36,\n borderRadius: 10,\n marginTop: 2,\n marginRight: 10,\n overflow: 'hidden',\n },\n});\n\nexport default SendInput;\n"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import React, { useEffect,
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
3
3
|
import { KeyboardAvoidingView, Platform, View } from 'react-native';
|
|
4
4
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
5
5
|
import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
|
|
@@ -56,15 +56,13 @@ const ChannelInput = props => {
|
|
|
56
56
|
messageToEdit
|
|
57
57
|
});
|
|
58
58
|
const inputMode = useIIFE(() => {
|
|
59
|
-
if (!messageToEdit) return 'send';
|
|
60
|
-
if (messageToEdit.isFileMessage()) return 'send';
|
|
61
|
-
return 'edit';
|
|
59
|
+
if (messageToEdit && !messageToEdit.isFileMessage()) return 'edit';else return 'send';
|
|
62
60
|
});
|
|
63
61
|
const mentionAvailable = sbOptions.uikit.groupChannel.channel.enableMention && channel.isGroupChannel() && !channel.isBroadcast;
|
|
64
62
|
const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);
|
|
65
63
|
const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);
|
|
66
64
|
useTypingTrigger(text, channel);
|
|
67
|
-
|
|
65
|
+
useTextClearOnDisabled(onChangeText, props.inputDisabled);
|
|
68
66
|
useAutoFocusOnEditMode(textInputRef, messageToEdit);
|
|
69
67
|
const onPressToMention = (user, searchStringRange) => {
|
|
70
68
|
const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);
|
|
@@ -109,8 +107,8 @@ const ChannelInput = props => {
|
|
|
109
107
|
onChangeText: onChangeText,
|
|
110
108
|
autoFocus: AUTO_FOCUS,
|
|
111
109
|
onSelectionChange: onSelectionChange,
|
|
112
|
-
messageToEdit: messageToEdit,
|
|
113
110
|
mentionedUsers: mentionedUsers,
|
|
111
|
+
messageToEdit: messageToEdit,
|
|
114
112
|
setMessageToEdit: setMessageToEdit
|
|
115
113
|
}))), /*#__PURE__*/React.createElement(SafeAreaBottom, {
|
|
116
114
|
height: bottom
|
|
@@ -131,15 +129,9 @@ const useTypingTrigger = (text, channel) => {
|
|
|
131
129
|
}, [text]);
|
|
132
130
|
}
|
|
133
131
|
};
|
|
134
|
-
const
|
|
135
|
-
const textTmpRef = useRef('');
|
|
132
|
+
const useTextClearOnDisabled = (setText, chatDisabled) => {
|
|
136
133
|
useEffect(() => {
|
|
137
|
-
if (chatDisabled)
|
|
138
|
-
textTmpRef.current = text;
|
|
139
|
-
setText('');
|
|
140
|
-
} else {
|
|
141
|
-
setText(textTmpRef.current);
|
|
142
|
-
}
|
|
134
|
+
if (chatDisabled) setText('');
|
|
143
135
|
}, [chatDisabled]);
|
|
144
136
|
};
|
|
145
137
|
const useAutoFocusOnEditMode = (textInputRef, messageToEdit) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useRef","useState","KeyboardAvoidingView","Platform","View","useSafeAreaInsets","createStyleSheet","useUIKitTheme","replace","useIIFE","useSendbirdChat","useMentionTextInput","AttachmentsButton","EditInput","SendInput","AUTO_FOCUS","select","ios","android","default","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","top","left","right","bottom","colors","sbOptions","mentionManager","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","inputMode","isFileMessage","mentionAvailable","uikit","groupChannel","enableMention","isGroupChannel","isBroadcast","inputKeyToRemount","length","inputHeight","setInputHeight","styles","inputDefault","height","useTypingTrigger","useTextPersistenceOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","shouldRenderInput","createElement","SafeAreaBottom","Fragment","keyboardVerticalOffset","behavior","style","paddingLeft","paddingRight","backgroundColor","background","onLayout","e","nativeEvent","layout","inputContainer","_extends","key","ref","autoFocus","SuggestedMentionList","topInset","bottomInset","endTyping","startTyping","setText","chatDisabled","textTmpRef","current","isUserMessage","setTimeout","_textInputRef$current","focus","_ref","justifyContent","width","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, TextInput, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n SendbirdBaseChannel,\n SendbirdBaseMessage,\n SendbirdFileMessage,\n SendbirdFileMessageCreateParams,\n SendbirdFileMessageUpdateParams,\n SendbirdMember,\n SendbirdUserMessage,\n SendbirdUserMessageCreateParams,\n SendbirdUserMessageUpdateParams,\n replace,\n useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport useMentionTextInput from '../../hooks/useMentionTextInput';\nimport type { MentionedUser, Range } from '../../types';\nimport type { AttachmentsButtonProps } from './AttachmentsButton';\nimport AttachmentsButton from './AttachmentsButton';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\nexport type SuggestedMentionListProps = {\n text: string;\n selection: Range;\n topInset: number;\n bottomInset: number;\n inputHeight: number;\n onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;\n mentionedUsers: MentionedUser[];\n};\n\nexport type ChannelInputProps = {\n // default\n channel: SendbirdBaseChannel;\n shouldRenderInput: boolean;\n keyboardAvoidOffset: number;\n\n // default actions\n onPressSendUserMessage: (params: SendbirdUserMessageCreateParams) => Promise<void>;\n onPressSendFileMessage: (params: SendbirdFileMessageCreateParams) => Promise<void>;\n onPressUpdateUserMessage: (message: SendbirdUserMessage, params: SendbirdUserMessageUpdateParams) => Promise<void>;\n onPressUpdateFileMessage: (message: SendbirdFileMessage, params: SendbirdFileMessageUpdateParams) => Promise<void>;\n\n // input status\n inputFrozen: boolean;\n inputMuted: boolean;\n inputDisabled: boolean;\n\n // edit\n messageToEdit: undefined | SendbirdUserMessage | SendbirdFileMessage;\n setMessageToEdit: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;\n\n // mention\n SuggestedMentionList?: (props: SuggestedMentionListProps) => JSX.Element | null;\n\n // sub-components\n AttachmentsButton?: (props: AttachmentsButtonProps) => JSX.Element | null;\n};\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({ ios: 'padding' as const, default: undefined });\n\n// FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)\n// To workaround temporarily, change the key for re-mount the component.\n// -> This will affect to keyboard blur when add/remove first mentioned user.\nconst GET_INPUT_KEY = (shouldReset: boolean) => (shouldReset ? 'uikit-input-clear' : 'uikit-input');\n\n// TODO: Refactor 'Edit' mode to clearly\nconst ChannelInput = (props: ChannelInputProps) => {\n const { channel, keyboardAvoidOffset, messageToEdit, setMessageToEdit } = props;\n\n const { top, left, right, bottom } = useSafeAreaInsets();\n const { colors } = useUIKitTheme();\n const { sbOptions, mentionManager } = useSendbirdChat();\n\n const { selection, onSelectionChange, textInputRef, text, onChangeText, mentionedUsers } = useMentionTextInput({\n messageToEdit,\n });\n const inputMode = useIIFE(() => {\n if (!messageToEdit) return 'send';\n if (messageToEdit.isFileMessage()) return 'send';\n return 'edit';\n });\n\n const mentionAvailable =\n sbOptions.uikit.groupChannel.channel.enableMention && channel.isGroupChannel() && !channel.isBroadcast;\n const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);\n\n const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\n\n useTypingTrigger(text, channel);\n useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);\n useAutoFocusOnEditMode(textInputRef, messageToEdit);\n\n const onPressToMention = (user: SendbirdMember, searchStringRange: Range) => {\n const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);\n const range = { start: searchStringRange.start, end: searchStringRange.start + mentionedMessageText.length - 1 };\n\n onChangeText(replace(text, searchStringRange.start, searchStringRange.end, mentionedMessageText), { user, range });\n };\n\n if (!props.shouldRenderInput) {\n return <SafeAreaBottom height={bottom} />;\n }\n\n return (\n <>\n <KeyboardAvoidingView\n keyboardVerticalOffset={-bottom + keyboardAvoidOffset}\n behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}\n >\n <View style={{ paddingLeft: left, paddingRight: right, backgroundColor: colors.background }}>\n <View onLayout={(e) => setInputHeight(e.nativeEvent.layout.height)} style={styles.inputContainer}>\n {inputMode === 'send' && (\n <SendInput\n {...props}\n key={inputKeyToRemount}\n ref={textInputRef as never}\n text={text}\n onChangeText={onChangeText}\n onSelectionChange={onSelectionChange}\n mentionedUsers={mentionedUsers}\n AttachmentsButton={props.AttachmentsButton ?? AttachmentsButton}\n />\n )}\n {inputMode === 'edit' && messageToEdit && (\n <EditInput\n {...props}\n key={inputKeyToRemount}\n ref={textInputRef as never}\n text={text}\n onChangeText={onChangeText}\n autoFocus={AUTO_FOCUS}\n onSelectionChange={onSelectionChange}\n messageToEdit={messageToEdit}\n mentionedUsers={mentionedUsers}\n setMessageToEdit={setMessageToEdit}\n />\n )}\n </View>\n <SafeAreaBottom height={bottom} />\n </View>\n </KeyboardAvoidingView>\n {mentionAvailable && props.SuggestedMentionList && (\n <props.SuggestedMentionList\n text={text}\n selection={selection}\n inputHeight={inputHeight}\n topInset={top}\n bottomInset={bottom}\n onPressToMention={onPressToMention}\n mentionedUsers={mentionedUsers}\n />\n )}\n </>\n );\n};\n\nconst useTypingTrigger = (text: string, channel: SendbirdBaseChannel) => {\n if (channel.isGroupChannel()) {\n useEffect(() => {\n if (text.length === 0) channel.endTyping();\n else channel.startTyping();\n }, [text]);\n }\n};\n\nconst useTextPersistenceOnDisabled = (text: string, setText: (val: string) => void, chatDisabled: boolean) => {\n const textTmpRef = useRef('');\n\n useEffect(() => {\n if (chatDisabled) {\n textTmpRef.current = text;\n setText('');\n } else {\n setText(textTmpRef.current);\n }\n }, [chatDisabled]);\n};\n\nconst useAutoFocusOnEditMode = (\n textInputRef: MutableRefObject<TextInput | undefined>,\n messageToEdit?: SendbirdBaseMessage,\n) => {\n useEffect(() => {\n if (messageToEdit?.isUserMessage()) {\n if (!AUTO_FOCUS) setTimeout(() => textInputRef.current?.focus(), 500);\n }\n }, [messageToEdit]);\n};\n\nconst SafeAreaBottom = ({ height }: { height: number }) => {\n return <View style={{ height }} />;\n};\n\nconst styles = createStyleSheet({\n inputContainer: {\n justifyContent: 'center',\n width: '100%',\n },\n inputDefault: {\n height: 56,\n },\n});\n\nexport default React.memo(ChannelInput);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","KeyboardAvoidingView","Platform","View","useSafeAreaInsets","createStyleSheet","useUIKitTheme","replace","useIIFE","useSendbirdChat","useMentionTextInput","AttachmentsButton","EditInput","SendInput","AUTO_FOCUS","select","ios","android","default","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","top","left","right","bottom","colors","sbOptions","mentionManager","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","inputMode","isFileMessage","mentionAvailable","uikit","groupChannel","enableMention","isGroupChannel","isBroadcast","inputKeyToRemount","length","inputHeight","setInputHeight","styles","inputDefault","height","useTypingTrigger","useTextClearOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","shouldRenderInput","createElement","SafeAreaBottom","Fragment","keyboardVerticalOffset","behavior","style","paddingLeft","paddingRight","backgroundColor","background","onLayout","e","nativeEvent","layout","inputContainer","_extends","key","ref","autoFocus","SuggestedMentionList","topInset","bottomInset","endTyping","startTyping","setText","chatDisabled","isUserMessage","setTimeout","_textInputRef$current","current","focus","_ref","justifyContent","width","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { MutableRefObject, useEffect, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, TextInput, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n SendbirdBaseChannel,\n SendbirdBaseMessage,\n SendbirdFileMessage,\n SendbirdFileMessageCreateParams,\n SendbirdFileMessageUpdateParams,\n SendbirdMember,\n SendbirdUserMessage,\n SendbirdUserMessageCreateParams,\n SendbirdUserMessageUpdateParams,\n replace,\n useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport useMentionTextInput from '../../hooks/useMentionTextInput';\nimport type { MentionedUser, Range } from '../../types';\nimport type { AttachmentsButtonProps } from './AttachmentsButton';\nimport AttachmentsButton from './AttachmentsButton';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\nexport type SuggestedMentionListProps = {\n text: string;\n selection: Range;\n topInset: number;\n bottomInset: number;\n inputHeight: number;\n onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;\n mentionedUsers: MentionedUser[];\n};\n\nexport type ChannelInputProps = {\n // default\n channel: SendbirdBaseChannel;\n shouldRenderInput: boolean;\n keyboardAvoidOffset: number;\n\n // default actions\n onPressSendUserMessage: (params: SendbirdUserMessageCreateParams) => Promise<void>;\n onPressSendFileMessage: (params: SendbirdFileMessageCreateParams) => Promise<void>;\n onPressUpdateUserMessage: (message: SendbirdUserMessage, params: SendbirdUserMessageUpdateParams) => Promise<void>;\n onPressUpdateFileMessage: (message: SendbirdFileMessage, params: SendbirdFileMessageUpdateParams) => Promise<void>;\n\n // input status\n inputFrozen: boolean;\n inputMuted: boolean;\n inputDisabled: boolean;\n\n // edit\n messageToEdit: undefined | SendbirdUserMessage | SendbirdFileMessage;\n setMessageToEdit: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;\n\n // reply - only available on group channel\n messageToReply?: undefined | SendbirdUserMessage | SendbirdFileMessage;\n setMessageToReply?: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;\n\n // mention\n SuggestedMentionList?: (props: SuggestedMentionListProps) => JSX.Element | null;\n\n // sub-components\n AttachmentsButton?: (props: AttachmentsButtonProps) => JSX.Element | null;\n};\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({ ios: 'padding' as const, default: undefined });\n\n// FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)\n// To workaround temporarily, change the key for re-mount the component.\n// -> This will affect to keyboard blur when add/remove first mentioned user.\nconst GET_INPUT_KEY = (shouldReset: boolean) => (shouldReset ? 'uikit-input-clear' : 'uikit-input');\n\n// TODO: Refactor 'Edit' mode to clearly\nconst ChannelInput = (props: ChannelInputProps) => {\n const { channel, keyboardAvoidOffset, messageToEdit, setMessageToEdit } = props;\n\n const { top, left, right, bottom } = useSafeAreaInsets();\n const { colors } = useUIKitTheme();\n const { sbOptions, mentionManager } = useSendbirdChat();\n\n const { selection, onSelectionChange, textInputRef, text, onChangeText, mentionedUsers } = useMentionTextInput({\n messageToEdit,\n });\n const inputMode = useIIFE(() => {\n if (messageToEdit && !messageToEdit.isFileMessage()) return 'edit';\n else return 'send';\n });\n\n const mentionAvailable =\n sbOptions.uikit.groupChannel.channel.enableMention && channel.isGroupChannel() && !channel.isBroadcast;\n const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);\n\n const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\n\n useTypingTrigger(text, channel);\n useTextClearOnDisabled(onChangeText, props.inputDisabled);\n useAutoFocusOnEditMode(textInputRef, messageToEdit);\n\n const onPressToMention = (user: SendbirdMember, searchStringRange: Range) => {\n const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);\n const range = { start: searchStringRange.start, end: searchStringRange.start + mentionedMessageText.length - 1 };\n\n onChangeText(replace(text, searchStringRange.start, searchStringRange.end, mentionedMessageText), { user, range });\n };\n\n if (!props.shouldRenderInput) {\n return <SafeAreaBottom height={bottom} />;\n }\n\n return (\n <>\n <KeyboardAvoidingView\n keyboardVerticalOffset={-bottom + keyboardAvoidOffset}\n behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}\n >\n <View style={{ paddingLeft: left, paddingRight: right, backgroundColor: colors.background }}>\n <View onLayout={(e) => setInputHeight(e.nativeEvent.layout.height)} style={styles.inputContainer}>\n {inputMode === 'send' && (\n <SendInput\n {...props}\n key={inputKeyToRemount}\n ref={textInputRef as never}\n text={text}\n onChangeText={onChangeText}\n onSelectionChange={onSelectionChange}\n mentionedUsers={mentionedUsers}\n AttachmentsButton={props.AttachmentsButton ?? AttachmentsButton}\n />\n )}\n {inputMode === 'edit' && messageToEdit && (\n <EditInput\n {...props}\n key={inputKeyToRemount}\n ref={textInputRef as never}\n text={text}\n onChangeText={onChangeText}\n autoFocus={AUTO_FOCUS}\n onSelectionChange={onSelectionChange}\n mentionedUsers={mentionedUsers}\n messageToEdit={messageToEdit}\n setMessageToEdit={setMessageToEdit}\n />\n )}\n </View>\n <SafeAreaBottom height={bottom} />\n </View>\n </KeyboardAvoidingView>\n {mentionAvailable && props.SuggestedMentionList && (\n <props.SuggestedMentionList\n text={text}\n selection={selection}\n inputHeight={inputHeight}\n topInset={top}\n bottomInset={bottom}\n onPressToMention={onPressToMention}\n mentionedUsers={mentionedUsers}\n />\n )}\n </>\n );\n};\n\nconst useTypingTrigger = (text: string, channel: SendbirdBaseChannel) => {\n if (channel.isGroupChannel()) {\n useEffect(() => {\n if (text.length === 0) channel.endTyping();\n else channel.startTyping();\n }, [text]);\n }\n};\n\nconst useTextClearOnDisabled = (setText: (val: string) => void, chatDisabled: boolean) => {\n useEffect(() => {\n if (chatDisabled) setText('');\n }, [chatDisabled]);\n};\n\nconst useAutoFocusOnEditMode = (\n textInputRef: MutableRefObject<TextInput | undefined>,\n messageToEdit?: SendbirdBaseMessage,\n) => {\n useEffect(() => {\n if (messageToEdit?.isUserMessage()) {\n if (!AUTO_FOCUS) setTimeout(() => textInputRef.current?.focus(), 500);\n }\n }, [messageToEdit]);\n};\n\nconst SafeAreaBottom = ({ height }: { height: number }) => {\n return <View style={{ height }} />;\n};\n\nconst styles = createStyleSheet({\n inputContainer: {\n justifyContent: 'center',\n width: '100%',\n },\n inputDefault: {\n height: 56,\n },\n});\n\nexport default React.memo(ChannelInput);\n"],"mappings":"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"}
|
|
@@ -14,9 +14,11 @@ const ChannelMessageList = (_ref, ref) => {
|
|
|
14
14
|
hasNext,
|
|
15
15
|
channel,
|
|
16
16
|
onEditMessage,
|
|
17
|
+
onReplyMessage,
|
|
17
18
|
onDeleteMessage,
|
|
18
19
|
onResendFailedMessage,
|
|
19
20
|
onPressMediaMessage,
|
|
21
|
+
onPressParentMessage,
|
|
20
22
|
currentUserId,
|
|
21
23
|
renderNewMessagesButton,
|
|
22
24
|
renderScrollToBottomButton,
|
|
@@ -49,6 +51,7 @@ const ChannelMessageList = (_ref, ref) => {
|
|
|
49
51
|
channel,
|
|
50
52
|
currentUserId,
|
|
51
53
|
onEditMessage,
|
|
54
|
+
onReplyMessage,
|
|
52
55
|
onDeleteMessage,
|
|
53
56
|
onResendFailedMessage,
|
|
54
57
|
onPressMediaMessage
|
|
@@ -72,6 +75,7 @@ const ChannelMessageList = (_ref, ref) => {
|
|
|
72
75
|
nextMessage: messages[index - 1],
|
|
73
76
|
onPress,
|
|
74
77
|
onLongPress,
|
|
78
|
+
onPressParentMessage,
|
|
75
79
|
onShowUserProfile: show,
|
|
76
80
|
enableMessageGrouping,
|
|
77
81
|
channel,
|
|
@@ -117,6 +121,7 @@ const useGetMessagePressActions = _ref3 => {
|
|
|
117
121
|
currentUserId,
|
|
118
122
|
onResendFailedMessage,
|
|
119
123
|
onEditMessage,
|
|
124
|
+
onReplyMessage,
|
|
120
125
|
onDeleteMessage,
|
|
121
126
|
onPressMediaMessage
|
|
122
127
|
} = _ref3;
|
|
@@ -140,12 +145,16 @@ const useGetMessagePressActions = _ref3 => {
|
|
|
140
145
|
const {
|
|
141
146
|
sbOptions
|
|
142
147
|
} = useSendbirdChat();
|
|
148
|
+
const onFailureToReSend = error => {
|
|
149
|
+
toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error');
|
|
150
|
+
Logger.error(STRINGS.TOAST.RESEND_MSG_ERROR, error);
|
|
151
|
+
};
|
|
143
152
|
const handleFailedMessage = message => {
|
|
144
153
|
openSheet({
|
|
145
154
|
sheetItems: [{
|
|
146
155
|
title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,
|
|
147
156
|
onPress: () => {
|
|
148
|
-
onResendFailedMessage(message).catch(
|
|
157
|
+
onResendFailedMessage(message).catch(onFailureToReSend);
|
|
149
158
|
}
|
|
150
159
|
}, {
|
|
151
160
|
title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,
|
|
@@ -189,19 +198,6 @@ const useGetMessagePressActions = _ref3 => {
|
|
|
189
198
|
toast.show(STRINGS.TOAST.COPY_OK, 'success');
|
|
190
199
|
}
|
|
191
200
|
});
|
|
192
|
-
if (!channel.isEphemeral) {
|
|
193
|
-
if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
|
|
194
|
-
sheetItems.push({
|
|
195
|
-
icon: 'edit',
|
|
196
|
-
title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
|
|
197
|
-
onPress: () => onEditMessage(msg)
|
|
198
|
-
}, {
|
|
199
|
-
icon: 'delete',
|
|
200
|
-
title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
|
|
201
|
-
onPress: () => confirmDelete(msg)
|
|
202
|
-
});
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
201
|
}
|
|
206
202
|
if (msg.isFileMessage()) {
|
|
207
203
|
sheetItems.push({
|
|
@@ -224,15 +220,33 @@ const useGetMessagePressActions = _ref3 => {
|
|
|
224
220
|
});
|
|
225
221
|
}
|
|
226
222
|
});
|
|
227
|
-
|
|
228
|
-
|
|
223
|
+
}
|
|
224
|
+
if (!channel.isEphemeral) {
|
|
225
|
+
if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
|
|
226
|
+
if (msg.isUserMessage()) {
|
|
229
227
|
sheetItems.push({
|
|
230
|
-
icon: '
|
|
231
|
-
title: STRINGS.LABELS.
|
|
232
|
-
onPress: () =>
|
|
228
|
+
icon: 'edit',
|
|
229
|
+
title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
|
|
230
|
+
onPress: () => onEditMessage(msg)
|
|
233
231
|
});
|
|
234
232
|
}
|
|
233
|
+
sheetItems.push({
|
|
234
|
+
disabled: msg.threadInfo ? msg.threadInfo.replyCount > 0 : undefined,
|
|
235
|
+
icon: 'delete',
|
|
236
|
+
title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
|
|
237
|
+
onPress: () => confirmDelete(msg)
|
|
238
|
+
});
|
|
235
239
|
}
|
|
240
|
+
if (channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {
|
|
241
|
+
sheetItems.push({
|
|
242
|
+
disabled: Boolean(msg.parentMessageId),
|
|
243
|
+
icon: 'reply',
|
|
244
|
+
title: STRINGS.LABELS.CHANNEL_MESSAGE_REPLY,
|
|
245
|
+
onPress: () => onReplyMessage === null || onReplyMessage === void 0 ? void 0 : onReplyMessage(msg)
|
|
246
|
+
});
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
if (msg.isFileMessage()) {
|
|
236
250
|
const fileType = getFileType(msg.type || getFileExtension(msg.name));
|
|
237
251
|
switch (fileType) {
|
|
238
252
|
case 'image':
|
|
@@ -271,7 +285,7 @@ const useGetMessagePressActions = _ref3 => {
|
|
|
271
285
|
if (msg.sendingStatus === 'failed') {
|
|
272
286
|
response.onLongPress = () => handleFailedMessage(msg);
|
|
273
287
|
response.onPress = () => {
|
|
274
|
-
onResendFailedMessage(msg).catch(
|
|
288
|
+
onResendFailedMessage(msg).catch(onFailureToReSend);
|
|
275
289
|
};
|
|
276
290
|
}
|
|
277
291
|
if (msg.sendingStatus === 'pending') {
|