@sendbird/uikit-react-native 3.0.4 → 3.1.0
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
|
@@ -27,50 +27,174 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
|
|
|
27
27
|
inputDisabled,
|
|
28
28
|
inputFrozen,
|
|
29
29
|
inputMuted,
|
|
30
|
-
channel
|
|
30
|
+
channel,
|
|
31
|
+
messageToReply,
|
|
32
|
+
setMessageToReply
|
|
31
33
|
} = _ref;
|
|
32
34
|
const {
|
|
33
35
|
mentionManager,
|
|
34
36
|
sbOptions
|
|
35
37
|
} = (0, _useContext.useSendbirdChat)();
|
|
38
|
+
const {
|
|
39
|
+
select,
|
|
40
|
+
colors,
|
|
41
|
+
palette
|
|
42
|
+
} = (0, _uikitReactNativeFoundation.useUIKitTheme)();
|
|
36
43
|
const {
|
|
37
44
|
STRINGS
|
|
38
45
|
} = (0, _useContext.useLocalization)();
|
|
39
|
-
const {
|
|
40
|
-
colors
|
|
41
|
-
} = (0, _uikitReactNativeFoundation.useUIKitTheme)();
|
|
42
46
|
const {
|
|
43
47
|
openSheet
|
|
44
48
|
} = (0, _uikitReactNativeFoundation.useBottomSheet)();
|
|
45
49
|
const toast = (0, _uikitReactNativeFoundation.useToast)();
|
|
46
|
-
const
|
|
50
|
+
const {
|
|
51
|
+
mediaService
|
|
52
|
+
} = (0, _useContext.usePlatformService)();
|
|
53
|
+
const messageReplyParams = (0, _uikitUtils.useIIFE)(() => {
|
|
54
|
+
const {
|
|
55
|
+
groupChannel
|
|
56
|
+
} = sbOptions.uikit;
|
|
57
|
+
if (!channel.isGroupChannel() || groupChannel.channel.replyType === 'none' || !messageToReply) return {};
|
|
58
|
+
return {
|
|
59
|
+
parentMessageId: messageToReply.messageId,
|
|
60
|
+
isReplyToChannel: true
|
|
61
|
+
};
|
|
62
|
+
});
|
|
63
|
+
const messageMentionParams = (0, _uikitUtils.useIIFE)(() => {
|
|
64
|
+
const {
|
|
65
|
+
groupChannel
|
|
66
|
+
} = sbOptions.uikit;
|
|
67
|
+
if (!channel.isGroupChannel() || !groupChannel.channel.enableMention) return {};
|
|
68
|
+
return {
|
|
69
|
+
mentionType: _message.MentionType.USERS,
|
|
70
|
+
mentionedUserIds: mentionedUsers.map(it => it.user.userId),
|
|
71
|
+
mentionedMessageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers, groupChannel.channel.enableMention)
|
|
72
|
+
};
|
|
73
|
+
});
|
|
74
|
+
const onFailureToSend = error => {
|
|
75
|
+
toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');
|
|
76
|
+
_uikitUtils.Logger.error(STRINGS.TOAST.SEND_MSG_ERROR, error);
|
|
77
|
+
};
|
|
47
78
|
const sendUserMessage = () => {
|
|
48
|
-
const mentionType = _message.MentionType.USERS;
|
|
49
|
-
const mentionedUserIds = mentionedUsers.map(it => it.user.userId);
|
|
50
|
-
const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention);
|
|
51
79
|
onPressSendUserMessage({
|
|
52
80
|
message: text,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
mentionedMessageTemplate
|
|
81
|
+
...messageMentionParams,
|
|
82
|
+
...messageReplyParams
|
|
56
83
|
}).catch(onFailureToSend);
|
|
57
84
|
onChangeText('');
|
|
85
|
+
setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply();
|
|
58
86
|
};
|
|
59
|
-
const
|
|
87
|
+
const sendFileMessage = file => {
|
|
60
88
|
onPressSendFileMessage({
|
|
61
|
-
file
|
|
89
|
+
file,
|
|
90
|
+
...messageReplyParams
|
|
62
91
|
}).catch(onFailureToSend);
|
|
63
|
-
|
|
92
|
+
setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply();
|
|
93
|
+
};
|
|
94
|
+
const sheetItems = useChannelInputItems(channel, sendFileMessage);
|
|
64
95
|
const onPressAttachment = () => openSheet({
|
|
65
96
|
sheetItems
|
|
66
97
|
});
|
|
67
98
|
const getPlaceholder = () => {
|
|
68
|
-
if (!inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;
|
|
69
|
-
if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
|
|
70
99
|
if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;
|
|
71
|
-
return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
|
|
100
|
+
if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
|
|
101
|
+
if (inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
|
|
102
|
+
if (messageToReply) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY;
|
|
103
|
+
return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;
|
|
104
|
+
};
|
|
105
|
+
const getFileIconAsImage = url => {
|
|
106
|
+
return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.ImageWithPlaceholder, {
|
|
107
|
+
source: {
|
|
108
|
+
uri: url
|
|
109
|
+
},
|
|
110
|
+
style: styles.previewImage
|
|
111
|
+
});
|
|
112
|
+
};
|
|
113
|
+
const getFileIconAsVideoThumbnail = url => {
|
|
114
|
+
return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.VideoThumbnail, {
|
|
115
|
+
style: styles.previewImage,
|
|
116
|
+
iconSize: 0,
|
|
117
|
+
videoSource: url,
|
|
118
|
+
fetchThumbnailFromVideoSource: uri => mediaService.getVideoThumbnail({
|
|
119
|
+
url: uri,
|
|
120
|
+
timeMills: 1000
|
|
121
|
+
})
|
|
122
|
+
});
|
|
72
123
|
};
|
|
73
|
-
|
|
124
|
+
const getFileIconAsSymbol = icon => {
|
|
125
|
+
return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
|
|
126
|
+
icon: icon,
|
|
127
|
+
size: 20,
|
|
128
|
+
color: colors.onBackground02,
|
|
129
|
+
containerStyle: {
|
|
130
|
+
backgroundColor: select({
|
|
131
|
+
light: palette.background100,
|
|
132
|
+
dark: palette.background500
|
|
133
|
+
}),
|
|
134
|
+
width: 36,
|
|
135
|
+
height: 36,
|
|
136
|
+
borderRadius: 10,
|
|
137
|
+
marginRight: 10,
|
|
138
|
+
marginTop: 2
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
};
|
|
142
|
+
const getFileIcon = messageToReply => {
|
|
143
|
+
if (messageToReply !== null && messageToReply !== void 0 && messageToReply.isFileMessage()) {
|
|
144
|
+
const messageType = (0, _uikitUtils.getMessageType)(messageToReply);
|
|
145
|
+
switch (messageType) {
|
|
146
|
+
case 'file.image':
|
|
147
|
+
return getFileIconAsImage((0, _uikitUtils.getAvailableUriFromFileMessage)(messageToReply));
|
|
148
|
+
case 'file.video':
|
|
149
|
+
return getFileIconAsVideoThumbnail((0, _uikitUtils.getAvailableUriFromFileMessage)(messageToReply));
|
|
150
|
+
default:
|
|
151
|
+
return getFileIconAsSymbol((0, _uikitUtils.getFileIconFromMessageType)(messageType));
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
return null;
|
|
155
|
+
};
|
|
156
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, messageToReply && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
157
|
+
style: {
|
|
158
|
+
flexDirection: 'row',
|
|
159
|
+
paddingLeft: 18,
|
|
160
|
+
paddingRight: 16,
|
|
161
|
+
paddingTop: 10,
|
|
162
|
+
paddingBottom: 8,
|
|
163
|
+
alignItems: 'center',
|
|
164
|
+
borderTopWidth: 1,
|
|
165
|
+
borderColor: colors.onBackground04
|
|
166
|
+
}
|
|
167
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
168
|
+
style: {
|
|
169
|
+
flex: 1,
|
|
170
|
+
flexDirection: 'row'
|
|
171
|
+
}
|
|
172
|
+
}, getFileIcon(messageToReply), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
173
|
+
style: {
|
|
174
|
+
flex: 1,
|
|
175
|
+
flexDirection: 'column'
|
|
176
|
+
}
|
|
177
|
+
}, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
178
|
+
numberOfLines: 1,
|
|
179
|
+
style: {
|
|
180
|
+
fontSize: 13,
|
|
181
|
+
fontWeight: '900',
|
|
182
|
+
marginBottom: 4
|
|
183
|
+
}
|
|
184
|
+
}, STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_TITLE(messageToReply.sender)), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
185
|
+
numberOfLines: 1,
|
|
186
|
+
style: {
|
|
187
|
+
fontSize: 13,
|
|
188
|
+
color: colors.onBackground03
|
|
189
|
+
}
|
|
190
|
+
}, STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_BODY(messageToReply)))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
191
|
+
onPress: () => setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply(undefined)
|
|
192
|
+
}, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
|
|
193
|
+
icon: 'close',
|
|
194
|
+
size: 24,
|
|
195
|
+
color: colors.onBackground01,
|
|
196
|
+
containerStyle: styles.iconSend
|
|
197
|
+
}))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
74
198
|
style: styles.sendInputContainer
|
|
75
199
|
}, AttachmentsButton && /*#__PURE__*/_react.default.createElement(AttachmentsButton, {
|
|
76
200
|
onPress: onPressAttachment,
|
|
@@ -92,7 +216,7 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
|
|
|
92
216
|
icon: 'send',
|
|
93
217
|
size: 24,
|
|
94
218
|
containerStyle: styles.iconSend
|
|
95
|
-
})));
|
|
219
|
+
}))));
|
|
96
220
|
});
|
|
97
221
|
const useChannelInputItems = (channel, sendFileMessage) => {
|
|
98
222
|
const {
|
|
@@ -311,6 +435,14 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
|
|
|
311
435
|
iconSend: {
|
|
312
436
|
marginLeft: 4,
|
|
313
437
|
padding: 4
|
|
438
|
+
},
|
|
439
|
+
previewImage: {
|
|
440
|
+
width: 36,
|
|
441
|
+
height: 36,
|
|
442
|
+
borderRadius: 10,
|
|
443
|
+
marginTop: 2,
|
|
444
|
+
marginRight: 10,
|
|
445
|
+
overflow: 'hidden'
|
|
314
446
|
}
|
|
315
447
|
});
|
|
316
448
|
var _default = SendInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_message","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUError","_interopRequireDefault","_SBUUtils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SendInput","forwardRef","_ref","ref","AttachmentsButton","onPressSendUserMessage","onPressSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","channel","mentionManager","sbOptions","useSendbirdChat","STRINGS","useLocalization","colors","useUIKitTheme","openSheet","useBottomSheet","toast","useToast","onFailureToSend","show","TOAST","SEND_MSG_ERROR","sendUserMessage","mentionType","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","View","style","styles","sendInputContainer","onPress","disabled","TextInput","multiline","disableFullscreenUI","editable","input","placeholder","textToMentionedComponents","Boolean","trim","TouchableOpacity","Icon","color","ui","highlight","active","icon","size","containerStyle","iconSend","sendFileMessage","imageCompressionConfig","fileService","mediaService","usePlatformService","alert","useAlert","useIIFE","isOpenChannel","openChannel","isGroupChannel","enableDocument","camera","enablePhoto","enableVideo","gallery","push","title","CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO","mediaFile","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","OPEN_CAMERA_ERROR","isImage","uri","type","shouldCompressImage","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","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","Platform","select","ios","borderRadius","marginLeft","padding","_default","exports"],"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","_interopRequireWildcard","require","_reactNative","_message","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUError","_interopRequireDefault","_SBUUtils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SendInput","forwardRef","_ref","ref","AttachmentsButton","onPressSendUserMessage","onPressSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","channel","messageToReply","setMessageToReply","mentionManager","sbOptions","useSendbirdChat","select","colors","palette","useUIKitTheme","STRINGS","useLocalization","openSheet","useBottomSheet","toast","useToast","mediaService","usePlatformService","messageReplyParams","useIIFE","groupChannel","uikit","isGroupChannel","replyType","parentMessageId","messageId","isReplyToChannel","messageMentionParams","enableMention","mentionType","MentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","onFailureToSend","error","show","TOAST","SEND_MSG_ERROR","Logger","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","ImageWithPlaceholder","source","uri","style","styles","previewImage","getFileIconAsVideoThumbnail","VideoThumbnail","iconSize","videoSource","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","getFileIconAsSymbol","icon","Icon","size","color","onBackground02","containerStyle","backgroundColor","light","background100","dark","background500","width","height","borderRadius","marginRight","marginTop","getFileIcon","isFileMessage","messageType","getMessageType","getAvailableUriFromFileMessage","getFileIconFromMessageType","View","flexDirection","paddingLeft","paddingRight","paddingTop","paddingBottom","alignItems","borderTopWidth","borderColor","onBackground04","flex","Text","numberOfLines","fontSize","fontWeight","marginBottom","CHANNEL_INPUT_REPLY_PREVIEW_TITLE","sender","onBackground03","CHANNEL_INPUT_REPLY_PREVIEW_BODY","TouchableOpacity","onPress","undefined","onBackground01","iconSend","sendInputContainer","disabled","TextInput","multiline","disableFullscreenUI","editable","input","placeholder","textToMentionedComponents","Boolean","trim","ui","highlight","active","imageCompressionConfig","fileService","alert","useAlert","isOpenChannel","openChannel","enableDocument","camera","enablePhoto","enableVideo","gallery","push","title","CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO","mediaFile","openCamera","mediaType","onOpenFailure","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","OPEN_CAMERA_ERROR","isImage","type","shouldCompressImage","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","createStyleSheet","paddingVertical","paddingHorizontal","minHeight","Platform","ios","marginLeft","padding","overflow","_default","exports"],"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 getAvailableUriFromFileMessage,\n getFileIconFromMessageType,\n getMessageType,\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 videoSource={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(getAvailableUriFromFileMessage(messageToReply));\n case 'file.video':\n return getFileIconAsVideoThumbnail(getAvailableUriFromFileMessage(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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"}
|
|
@@ -65,15 +65,13 @@ const ChannelInput = props => {
|
|
|
65
65
|
messageToEdit
|
|
66
66
|
});
|
|
67
67
|
const inputMode = (0, _uikitUtils.useIIFE)(() => {
|
|
68
|
-
if (!messageToEdit) return 'send';
|
|
69
|
-
if (messageToEdit.isFileMessage()) return 'send';
|
|
70
|
-
return 'edit';
|
|
68
|
+
if (messageToEdit && !messageToEdit.isFileMessage()) return 'edit';else return 'send';
|
|
71
69
|
});
|
|
72
70
|
const mentionAvailable = sbOptions.uikit.groupChannel.channel.enableMention && channel.isGroupChannel() && !channel.isBroadcast;
|
|
73
71
|
const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);
|
|
74
72
|
const [inputHeight, setInputHeight] = (0, _react.useState)(styles.inputDefault.height);
|
|
75
73
|
useTypingTrigger(text, channel);
|
|
76
|
-
|
|
74
|
+
useTextClearOnDisabled(onChangeText, props.inputDisabled);
|
|
77
75
|
useAutoFocusOnEditMode(textInputRef, messageToEdit);
|
|
78
76
|
const onPressToMention = (user, searchStringRange) => {
|
|
79
77
|
const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);
|
|
@@ -118,8 +116,8 @@ const ChannelInput = props => {
|
|
|
118
116
|
onChangeText: onChangeText,
|
|
119
117
|
autoFocus: AUTO_FOCUS,
|
|
120
118
|
onSelectionChange: onSelectionChange,
|
|
121
|
-
messageToEdit: messageToEdit,
|
|
122
119
|
mentionedUsers: mentionedUsers,
|
|
120
|
+
messageToEdit: messageToEdit,
|
|
123
121
|
setMessageToEdit: setMessageToEdit
|
|
124
122
|
}))), /*#__PURE__*/_react.default.createElement(SafeAreaBottom, {
|
|
125
123
|
height: bottom
|
|
@@ -140,15 +138,9 @@ const useTypingTrigger = (text, channel) => {
|
|
|
140
138
|
}, [text]);
|
|
141
139
|
}
|
|
142
140
|
};
|
|
143
|
-
const
|
|
144
|
-
const textTmpRef = (0, _react.useRef)('');
|
|
141
|
+
const useTextClearOnDisabled = (setText, chatDisabled) => {
|
|
145
142
|
(0, _react.useEffect)(() => {
|
|
146
|
-
if (chatDisabled)
|
|
147
|
-
textTmpRef.current = text;
|
|
148
|
-
setText('');
|
|
149
|
-
} else {
|
|
150
|
-
setText(textTmpRef.current);
|
|
151
|
-
}
|
|
143
|
+
if (chatDisabled) setText('');
|
|
152
144
|
}, [chatDisabled]);
|
|
153
145
|
};
|
|
154
146
|
const useAutoFocusOnEditMode = (textInputRef, messageToEdit) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_useContext","_useMentionTextInput","_interopRequireDefault","_AttachmentsButton","_EditInput","_SendInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","AUTO_FOCUS","Platform","select","ios","android","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","top","left","right","bottom","useSafeAreaInsets","colors","useUIKitTheme","sbOptions","mentionManager","useSendbirdChat","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","useMentionTextInput","inputMode","useIIFE","isFileMessage","mentionAvailable","uikit","groupChannel","enableMention","isGroupChannel","isBroadcast","inputKeyToRemount","inputHeight","setInputHeight","useState","styles","inputDefault","height","useTypingTrigger","useTextPersistenceOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","replace","shouldRenderInput","createElement","SafeAreaBottom","Fragment","KeyboardAvoidingView","keyboardVerticalOffset","behavior","View","style","paddingLeft","paddingRight","backgroundColor","background","onLayout","e","nativeEvent","layout","inputContainer","ref","AttachmentsButton","autoFocus","SuggestedMentionList","topInset","bottomInset","useEffect","endTyping","startTyping","setText","chatDisabled","textTmpRef","useRef","current","isUserMessage","setTimeout","_textInputRef$current","focus","_ref","createStyleSheet","justifyContent","width","_default","React","memo","exports"],"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","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_useContext","_useMentionTextInput","_interopRequireDefault","_AttachmentsButton","_EditInput","_SendInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","AUTO_FOCUS","Platform","select","ios","android","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","top","left","right","bottom","useSafeAreaInsets","colors","useUIKitTheme","sbOptions","mentionManager","useSendbirdChat","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","useMentionTextInput","inputMode","useIIFE","isFileMessage","mentionAvailable","uikit","groupChannel","enableMention","isGroupChannel","isBroadcast","inputKeyToRemount","inputHeight","setInputHeight","useState","styles","inputDefault","height","useTypingTrigger","useTextClearOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","replace","shouldRenderInput","createElement","SafeAreaBottom","Fragment","KeyboardAvoidingView","keyboardVerticalOffset","behavior","View","style","paddingLeft","paddingRight","backgroundColor","background","onLayout","e","nativeEvent","layout","inputContainer","ref","AttachmentsButton","autoFocus","SuggestedMentionList","topInset","bottomInset","useEffect","endTyping","startTyping","setText","chatDisabled","isUserMessage","setTimeout","_textInputRef$current","current","focus","_ref","createStyleSheet","justifyContent","width","_default","React","memo","exports"],"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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"}
|
|
@@ -21,9 +21,11 @@ const ChannelMessageList = (_ref, ref) => {
|
|
|
21
21
|
hasNext,
|
|
22
22
|
channel,
|
|
23
23
|
onEditMessage,
|
|
24
|
+
onReplyMessage,
|
|
24
25
|
onDeleteMessage,
|
|
25
26
|
onResendFailedMessage,
|
|
26
27
|
onPressMediaMessage,
|
|
28
|
+
onPressParentMessage,
|
|
27
29
|
currentUserId,
|
|
28
30
|
renderNewMessagesButton,
|
|
29
31
|
renderScrollToBottomButton,
|
|
@@ -56,6 +58,7 @@ const ChannelMessageList = (_ref, ref) => {
|
|
|
56
58
|
channel,
|
|
57
59
|
currentUserId,
|
|
58
60
|
onEditMessage,
|
|
61
|
+
onReplyMessage,
|
|
59
62
|
onDeleteMessage,
|
|
60
63
|
onResendFailedMessage,
|
|
61
64
|
onPressMediaMessage
|
|
@@ -79,6 +82,7 @@ const ChannelMessageList = (_ref, ref) => {
|
|
|
79
82
|
nextMessage: messages[index - 1],
|
|
80
83
|
onPress,
|
|
81
84
|
onLongPress,
|
|
85
|
+
onPressParentMessage,
|
|
82
86
|
onShowUserProfile: show,
|
|
83
87
|
enableMessageGrouping,
|
|
84
88
|
channel,
|
|
@@ -124,6 +128,7 @@ const useGetMessagePressActions = _ref3 => {
|
|
|
124
128
|
currentUserId,
|
|
125
129
|
onResendFailedMessage,
|
|
126
130
|
onEditMessage,
|
|
131
|
+
onReplyMessage,
|
|
127
132
|
onDeleteMessage,
|
|
128
133
|
onPressMediaMessage
|
|
129
134
|
} = _ref3;
|
|
@@ -147,12 +152,16 @@ const useGetMessagePressActions = _ref3 => {
|
|
|
147
152
|
const {
|
|
148
153
|
sbOptions
|
|
149
154
|
} = (0, _useContext.useSendbirdChat)();
|
|
155
|
+
const onFailureToReSend = error => {
|
|
156
|
+
toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error');
|
|
157
|
+
_uikitUtils.Logger.error(STRINGS.TOAST.RESEND_MSG_ERROR, error);
|
|
158
|
+
};
|
|
150
159
|
const handleFailedMessage = message => {
|
|
151
160
|
openSheet({
|
|
152
161
|
sheetItems: [{
|
|
153
162
|
title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,
|
|
154
163
|
onPress: () => {
|
|
155
|
-
onResendFailedMessage(message).catch(
|
|
164
|
+
onResendFailedMessage(message).catch(onFailureToReSend);
|
|
156
165
|
}
|
|
157
166
|
}, {
|
|
158
167
|
title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,
|
|
@@ -196,19 +205,6 @@ const useGetMessagePressActions = _ref3 => {
|
|
|
196
205
|
toast.show(STRINGS.TOAST.COPY_OK, 'success');
|
|
197
206
|
}
|
|
198
207
|
});
|
|
199
|
-
if (!channel.isEphemeral) {
|
|
200
|
-
if ((0, _uikitUtils.isMyMessage)(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
|
|
201
|
-
sheetItems.push({
|
|
202
|
-
icon: 'edit',
|
|
203
|
-
title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
|
|
204
|
-
onPress: () => onEditMessage(msg)
|
|
205
|
-
}, {
|
|
206
|
-
icon: 'delete',
|
|
207
|
-
title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
|
|
208
|
-
onPress: () => confirmDelete(msg)
|
|
209
|
-
});
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
208
|
}
|
|
213
209
|
if (msg.isFileMessage()) {
|
|
214
210
|
sheetItems.push({
|
|
@@ -231,15 +227,33 @@ const useGetMessagePressActions = _ref3 => {
|
|
|
231
227
|
});
|
|
232
228
|
}
|
|
233
229
|
});
|
|
234
|
-
|
|
235
|
-
|
|
230
|
+
}
|
|
231
|
+
if (!channel.isEphemeral) {
|
|
232
|
+
if ((0, _uikitUtils.isMyMessage)(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
|
|
233
|
+
if (msg.isUserMessage()) {
|
|
236
234
|
sheetItems.push({
|
|
237
|
-
icon: '
|
|
238
|
-
title: STRINGS.LABELS.
|
|
239
|
-
onPress: () =>
|
|
235
|
+
icon: 'edit',
|
|
236
|
+
title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
|
|
237
|
+
onPress: () => onEditMessage(msg)
|
|
240
238
|
});
|
|
241
239
|
}
|
|
240
|
+
sheetItems.push({
|
|
241
|
+
disabled: msg.threadInfo ? msg.threadInfo.replyCount > 0 : undefined,
|
|
242
|
+
icon: 'delete',
|
|
243
|
+
title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
|
|
244
|
+
onPress: () => confirmDelete(msg)
|
|
245
|
+
});
|
|
242
246
|
}
|
|
247
|
+
if (channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {
|
|
248
|
+
sheetItems.push({
|
|
249
|
+
disabled: Boolean(msg.parentMessageId),
|
|
250
|
+
icon: 'reply',
|
|
251
|
+
title: STRINGS.LABELS.CHANNEL_MESSAGE_REPLY,
|
|
252
|
+
onPress: () => onReplyMessage === null || onReplyMessage === void 0 ? void 0 : onReplyMessage(msg)
|
|
253
|
+
});
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
if (msg.isFileMessage()) {
|
|
243
257
|
const fileType = (0, _uikitUtils.getFileType)(msg.type || (0, _uikitUtils.getFileExtension)(msg.name));
|
|
244
258
|
switch (fileType) {
|
|
245
259
|
case 'image':
|
|
@@ -278,7 +292,7 @@ const useGetMessagePressActions = _ref3 => {
|
|
|
278
292
|
if (msg.sendingStatus === 'failed') {
|
|
279
293
|
response.onLongPress = () => handleFailedMessage(msg);
|
|
280
294
|
response.onPress = () => {
|
|
281
|
-
onResendFailedMessage(msg).catch(
|
|
295
|
+
onResendFailedMessage(msg).catch(onFailureToReSend);
|
|
282
296
|
};
|
|
283
297
|
}
|
|
284
298
|
if (msg.sendingStatus === 'pending') {
|