@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.
Files changed (145) hide show
  1. package/lib/commonjs/components/ChannelInput/SendInput.js +151 -19
  2. package/lib/commonjs/components/ChannelInput/SendInput.js.map +1 -1
  3. package/lib/commonjs/components/ChannelInput/index.js +5 -13
  4. package/lib/commonjs/components/ChannelInput/index.js.map +1 -1
  5. package/lib/commonjs/components/ChannelMessageList/index.js +34 -20
  6. package/lib/commonjs/components/ChannelMessageList/index.js.map +1 -1
  7. package/lib/commonjs/components/ChatFlatList/index.js +1 -1
  8. package/lib/commonjs/components/ChatFlatList/index.js.map +1 -1
  9. package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js +4 -1
  10. package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map +1 -1
  11. package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js +191 -0
  12. package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js.map +1 -0
  13. package/lib/commonjs/components/GroupChannelMessageRenderer/index.js +12 -1
  14. package/lib/commonjs/components/GroupChannelMessageRenderer/index.js.map +1 -1
  15. package/lib/commonjs/components/MessageSearchResultItem.js +2 -8
  16. package/lib/commonjs/components/MessageSearchResultItem.js.map +1 -1
  17. package/lib/commonjs/components/ReactionAddons/BottomSheetReactionAddon.js +8 -7
  18. package/lib/commonjs/components/ReactionAddons/BottomSheetReactionAddon.js.map +1 -1
  19. package/lib/commonjs/containers/GroupChannelPreviewContainer.js +3 -9
  20. package/lib/commonjs/containers/GroupChannelPreviewContainer.js.map +1 -1
  21. package/lib/commonjs/containers/SendbirdUIKitContainer.js +43 -9
  22. package/lib/commonjs/containers/SendbirdUIKitContainer.js.map +1 -1
  23. package/lib/commonjs/contexts/SendbirdChatCtx.js +5 -0
  24. package/lib/commonjs/contexts/SendbirdChatCtx.js.map +1 -1
  25. package/lib/commonjs/domain/groupChannel/component/GroupChannelInput.js +5 -1
  26. package/lib/commonjs/domain/groupChannel/component/GroupChannelInput.js.map +1 -1
  27. package/lib/commonjs/domain/groupChannel/component/GroupChannelMessageList.js +47 -10
  28. package/lib/commonjs/domain/groupChannel/component/GroupChannelMessageList.js.map +1 -1
  29. package/lib/commonjs/domain/groupChannel/module/moduleContext.js +38 -3
  30. package/lib/commonjs/domain/groupChannel/module/moduleContext.js.map +1 -1
  31. package/lib/commonjs/domain/groupChannel/types.js.map +1 -1
  32. package/lib/commonjs/domain/openChannel/types.js.map +1 -1
  33. package/lib/commonjs/fragments/createGroupChannelFragment.js +19 -0
  34. package/lib/commonjs/fragments/createGroupChannelFragment.js.map +1 -1
  35. package/lib/commonjs/hooks/useConnection.js +2 -1
  36. package/lib/commonjs/hooks/useConnection.js.map +1 -1
  37. package/lib/commonjs/hooks/useMentionSuggestion.js +1 -1
  38. package/lib/commonjs/hooks/useMentionSuggestion.js.map +1 -1
  39. package/lib/commonjs/hooks/useMentionTextInput.js +4 -3
  40. package/lib/commonjs/hooks/useMentionTextInput.js.map +1 -1
  41. package/lib/commonjs/libs/MentionManager.js.map +1 -1
  42. package/lib/commonjs/localization/StringSet.type.js.map +1 -1
  43. package/lib/commonjs/localization/createBaseStringSet.js +29 -0
  44. package/lib/commonjs/localization/createBaseStringSet.js.map +1 -1
  45. package/lib/commonjs/platform/createMediaService.native.js +1 -1
  46. package/lib/commonjs/platform/createMediaService.native.js.map +1 -1
  47. package/lib/commonjs/platform/types.js.map +1 -1
  48. package/lib/commonjs/utils/pubsub.js +3 -1
  49. package/lib/commonjs/utils/pubsub.js.map +1 -1
  50. package/lib/commonjs/version.js +1 -1
  51. package/lib/commonjs/version.js.map +1 -1
  52. package/lib/module/components/ChannelInput/SendInput.js +153 -21
  53. package/lib/module/components/ChannelInput/SendInput.js.map +1 -1
  54. package/lib/module/components/ChannelInput/index.js +6 -14
  55. package/lib/module/components/ChannelInput/index.js.map +1 -1
  56. package/lib/module/components/ChannelMessageList/index.js +34 -20
  57. package/lib/module/components/ChannelMessageList/index.js.map +1 -1
  58. package/lib/module/components/ChatFlatList/index.js +1 -1
  59. package/lib/module/components/ChatFlatList/index.js.map +1 -1
  60. package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js +4 -1
  61. package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map +1 -1
  62. package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js +182 -0
  63. package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js.map +1 -0
  64. package/lib/module/components/GroupChannelMessageRenderer/index.js +13 -2
  65. package/lib/module/components/GroupChannelMessageRenderer/index.js.map +1 -1
  66. package/lib/module/components/MessageSearchResultItem.js +3 -9
  67. package/lib/module/components/MessageSearchResultItem.js.map +1 -1
  68. package/lib/module/components/ReactionAddons/BottomSheetReactionAddon.js +8 -7
  69. package/lib/module/components/ReactionAddons/BottomSheetReactionAddon.js.map +1 -1
  70. package/lib/module/containers/GroupChannelPreviewContainer.js +4 -10
  71. package/lib/module/containers/GroupChannelPreviewContainer.js.map +1 -1
  72. package/lib/module/containers/SendbirdUIKitContainer.js +43 -9
  73. package/lib/module/containers/SendbirdUIKitContainer.js.map +1 -1
  74. package/lib/module/contexts/SendbirdChatCtx.js +6 -1
  75. package/lib/module/contexts/SendbirdChatCtx.js.map +1 -1
  76. package/lib/module/domain/groupChannel/component/GroupChannelInput.js +5 -1
  77. package/lib/module/domain/groupChannel/component/GroupChannelInput.js.map +1 -1
  78. package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js +50 -13
  79. package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js.map +1 -1
  80. package/lib/module/domain/groupChannel/module/moduleContext.js +39 -4
  81. package/lib/module/domain/groupChannel/module/moduleContext.js.map +1 -1
  82. package/lib/module/domain/groupChannel/types.js.map +1 -1
  83. package/lib/module/domain/openChannel/types.js.map +1 -1
  84. package/lib/module/fragments/createGroupChannelFragment.js +19 -0
  85. package/lib/module/fragments/createGroupChannelFragment.js.map +1 -1
  86. package/lib/module/hooks/useConnection.js +2 -1
  87. package/lib/module/hooks/useConnection.js.map +1 -1
  88. package/lib/module/hooks/useMentionSuggestion.js +1 -1
  89. package/lib/module/hooks/useMentionSuggestion.js.map +1 -1
  90. package/lib/module/hooks/useMentionTextInput.js +4 -3
  91. package/lib/module/hooks/useMentionTextInput.js.map +1 -1
  92. package/lib/module/libs/MentionManager.js.map +1 -1
  93. package/lib/module/localization/StringSet.type.js.map +1 -1
  94. package/lib/module/localization/createBaseStringSet.js +30 -1
  95. package/lib/module/localization/createBaseStringSet.js.map +1 -1
  96. package/lib/module/platform/createMediaService.native.js +1 -1
  97. package/lib/module/platform/createMediaService.native.js.map +1 -1
  98. package/lib/module/platform/types.js.map +1 -1
  99. package/lib/module/utils/pubsub.js +3 -1
  100. package/lib/module/utils/pubsub.js.map +1 -1
  101. package/lib/module/version.js +1 -1
  102. package/lib/module/version.js.map +1 -1
  103. package/lib/typescript/src/components/ChannelInput/index.d.ts +2 -0
  104. package/lib/typescript/src/components/ChannelMessageList/index.d.ts +4 -1
  105. package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.d.ts +9 -0
  106. package/lib/typescript/src/components/GroupChannelMessageRenderer/index.d.ts +1 -0
  107. package/lib/typescript/src/components/OpenChannelMessageRenderer/index.d.ts +1 -0
  108. package/lib/typescript/src/containers/SendbirdUIKitContainer.d.ts +4 -2
  109. package/lib/typescript/src/domain/groupChannel/component/GroupChannelMessageList.d.ts +4 -0
  110. package/lib/typescript/src/domain/groupChannel/types.d.ts +6 -2
  111. package/lib/typescript/src/domain/openChannel/component/OpenChannelHeader.d.ts +1 -1
  112. package/lib/typescript/src/domain/openChannel/types.d.ts +1 -2
  113. package/lib/typescript/src/libs/MentionManager.d.ts +1 -4
  114. package/lib/typescript/src/localization/StringSet.type.d.ts +7 -1
  115. package/lib/typescript/src/platform/types.d.ts +10 -11
  116. package/lib/typescript/src/version.d.ts +1 -1
  117. package/package.json +6 -6
  118. package/src/components/ChannelInput/SendInput.tsx +184 -51
  119. package/src/components/ChannelInput/index.tsx +11 -15
  120. package/src/components/ChannelMessageList/index.tsx +45 -27
  121. package/src/components/ChatFlatList/index.tsx +1 -1
  122. package/src/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.tsx +5 -1
  123. package/src/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.tsx +177 -0
  124. package/src/components/GroupChannelMessageRenderer/index.tsx +16 -1
  125. package/src/components/MessageSearchResultItem.tsx +3 -5
  126. package/src/components/ReactionAddons/BottomSheetReactionAddon.tsx +6 -7
  127. package/src/containers/GroupChannelPreviewContainer.tsx +6 -7
  128. package/src/containers/SendbirdUIKitContainer.tsx +40 -10
  129. package/src/contexts/SendbirdChatCtx.tsx +7 -1
  130. package/src/domain/groupChannel/component/GroupChannelInput.tsx +5 -1
  131. package/src/domain/groupChannel/component/GroupChannelMessageList.tsx +46 -13
  132. package/src/domain/groupChannel/module/moduleContext.tsx +38 -3
  133. package/src/domain/groupChannel/types.ts +8 -2
  134. package/src/domain/openChannel/types.ts +1 -2
  135. package/src/fragments/createGroupChannelFragment.tsx +15 -0
  136. package/src/hooks/useConnection.ts +1 -1
  137. package/src/hooks/useMentionSuggestion.ts +2 -1
  138. package/src/hooks/useMentionTextInput.ts +2 -2
  139. package/src/libs/MentionManager.tsx +1 -8
  140. package/src/localization/StringSet.type.ts +11 -0
  141. package/src/localization/createBaseStringSet.ts +30 -0
  142. package/src/platform/createMediaService.native.tsx +1 -1
  143. package/src/platform/types.ts +9 -9
  144. package/src/utils/pubsub.ts +3 -1
  145. package/src/version.ts +1 -1
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- const VERSION = '3.0.4';
7
+ const VERSION = '3.1.1';
8
8
  var _default = VERSION;
9
9
  exports.default = _default;
10
10
  //# sourceMappingURL=version.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["VERSION","_default","exports","default"],"sources":["version.ts"],"sourcesContent":["const VERSION = '3.0.4';\nexport default VERSION;\n"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,OAAO;AAAC,IAAAC,QAAA,GACTD,OAAO;AAAAE,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
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 onFailureToSend = () => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');
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
- mentionType,
45
- mentionedUserIds,
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 sheetItems = useChannelInputItems(channel, file => {
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
- return /*#__PURE__*/React.createElement(View, {
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":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAEEC,QAAQ,EAGRC,gBAAgB,EAChBC,IAAI,QACC,cAAc;AAErB,SAASC,WAAW,QAAQ,wBAAwB;AAEpD,SACEC,IAAI,EACJC,oBAAoB,EACpBC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,gBAAgB,EAChBC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRC,aAAa,QACR,yCAAyC;AAChD,SAEEC,MAAM,EAGNC,0BAA0B,EAC1BC,cAAc,EACdC,8BAA8B,EAC9BC,OAAO,EACPC,mBAAmB,EACnBC,OAAO,QACF,uBAAuB;AAE9B,SAASC,eAAe,EAAEC,kBAAkB,EAAEC,eAAe,QAAQ,wBAAwB;AAC7F,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,QAAQ,MAAM,qBAAqB;AAY1C,MAAMC,SAAS,gBAAG3B,UAAU,CAA8B,SAAS2B,SAASA,CAAAC,IAAA,EAgB1EC,GAAG,EACH;EAAA,IAhBA;IACEC,iBAAiB;IACjBC,sBAAsB;IACtBC,sBAAsB;IACtBC,IAAI;IACJC,YAAY;IACZC,iBAAiB;IACjBC,cAAc;IACdC,aAAa;IACbC,WAAW;IACXC,UAAU;IACVC,OAAO;IACPC,cAAc;IACdC;EACF,CAAC,GAAAd,IAAA;EAGD,MAAM;IAAEe,cAAc;IAAEC;EAAU,CAAC,GAAGpB,eAAe,EAAE;EACvD,MAAM;IAAEqB,MAAM;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGjC,aAAa,EAAE;EACnD,MAAM;IAAEkC;EAAQ,CAAC,GAAG1B,eAAe,EAAE;EACrC,MAAM;IAAE2B;EAAU,CAAC,GAAGrC,cAAc,EAAE;EACtC,MAAMsC,KAAK,GAAGrC,QAAQ,EAAE;EACxB,MAAM;IAAEsC;EAAa,CAAC,GAAG5B,kBAAkB,EAAE;EAE7C,MAAM6B,kBAAkB,GAAG/B,OAAO,CAAC,MAAM;IACvC,MAAM;MAAEgC;IAAa,CAAC,GAAGT,SAAS,CAACU,KAAK;IACxC,IAAI,CAACd,OAAO,CAACe,cAAc,EAAE,IAAIF,YAAY,CAACb,OAAO,CAACgB,SAAS,KAAK,MAAM,IAAI,CAACf,cAAc,EAAE,OAAO,CAAC,CAAC;IACxG,OAAO;MACLgB,eAAe,EAAEhB,cAAc,CAACiB,SAAS;MACzCC,gBAAgB,EAAE;IACpB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMC,oBAAoB,GAAGvC,OAAO,CAAC,MAAM;IACzC,MAAM;MAAEgC;IAAa,CAAC,GAAGT,SAAS,CAACU,KAAK;IACxC,IAAI,CAACd,OAAO,CAACe,cAAc,EAAE,IAAI,CAACF,YAAY,CAACb,OAAO,CAACqB,aAAa,EAAE,OAAO,CAAC,CAAC;IAC/E,OAAO;MACLC,WAAW,EAAE1D,WAAW,CAAC2D,KAAK;MAC9BC,gBAAgB,EAAE5B,cAAc,CAAC6B,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACC,IAAI,CAACC,MAAM,CAAC;MAC5DC,wBAAwB,EAAE1B,cAAc,CAAC2B,8BAA8B,CACrErC,IAAI,EACJG,cAAc,EACdiB,YAAY,CAACb,OAAO,CAACqB,aAAa;IAEtC,CAAC;EACH,CAAC,CAAC;EAEF,MAAMU,eAAe,GAAIC,KAAY,IAAK;IACxCtB,KAAK,CAACuB,IAAI,CAACzB,OAAO,CAAC0B,KAAK,CAACC,cAAc,EAAE,OAAO,CAAC;IACjD5D,MAAM,CAACyD,KAAK,CAACxB,OAAO,CAAC0B,KAAK,CAACC,cAAc,EAAEH,KAAK,CAAC;EACnD,CAAC;EAED,MAAMI,eAAe,GAAGA,CAAA,KAAM;IAC5B7C,sBAAsB,CAAC;MACrB8C,OAAO,EAAE5C,IAAI;MACb,GAAG2B,oBAAoB;MACvB,GAAGR;IACL,CAAC,CAAC,CAAC0B,KAAK,CAACP,eAAe,CAAC;IAEzBrC,YAAY,CAAC,EAAE,CAAC;IAChBQ,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,EAAI;EACvB,CAAC;EAED,MAAMqC,eAAe,GAAIC,IAAc,IAAK;IAC1ChD,sBAAsB,CAAC;MACrBgD,IAAI;MACJ,GAAG5B;IACL,CAAC,CAAC,CAAC0B,KAAK,CAACP,eAAe,CAAC;IAEzB7B,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,EAAI;EACvB,CAAC;EAED,MAAMuC,UAAU,GAAGC,oBAAoB,CAAC1C,OAAO,EAAEuC,eAAe,CAAC;EACjE,MAAMI,iBAAiB,GAAGA,CAAA,KAAMlC,SAAS,CAAC;IAAEgC;EAAW,CAAC,CAAC;EAEzD,MAAMG,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI7C,UAAU,EAAE,OAAOS,OAAO,CAACqC,MAAM,CAACC,+BAA+B;IACrE,IAAIhD,WAAW,EAAE,OAAOU,OAAO,CAACqC,MAAM,CAACE,kCAAkC;IACzE,IAAIlD,aAAa,EAAE,OAAOW,OAAO,CAACqC,MAAM,CAACE,kCAAkC;IAC3E,IAAI9C,cAAc,EAAE,OAAOO,OAAO,CAACqC,MAAM,CAACG,+BAA+B;IAEzE,OAAOxC,OAAO,CAACqC,MAAM,CAACI,gCAAgC;EACxD,CAAC;EAED,MAAMC,kBAAkB,GAAIC,GAAW,IAAK;IAC1C,oBAAO5F,KAAA,CAAA6F,aAAA,CAACtF,oBAAoB;MAACuF,MAAM,EAAE;QAAEC,GAAG,EAAEH;MAAI,CAAE;MAACI,KAAK,EAAEC,MAAM,CAACC;IAAa,EAAG;EACnF,CAAC;EAED,MAAMC,2BAA2B,GAAIP,GAAW,IAAK;IACnD,oBACE5F,KAAA,CAAA6F,aAAA,CAACnF,cAAc;MACbsF,KAAK,EAAEC,MAAM,CAACC,YAAa;MAC3BE,QAAQ,EAAE,CAAE;MACZN,MAAM,EAAEF,GAAI;MACZS,6BAA6B,EAAGN,GAAG,IAAK3C,YAAY,CAACkD,iBAAiB,CAAC;QAAEV,GAAG,EAAEG,GAAG;QAAEQ,SAAS,EAAE;MAAK,CAAC;IAAE,EACtG;EAEN,CAAC;EAED,MAAMC,mBAAmB,GAAIC,IAAc,IAAK;IAC9C,oBACEzG,KAAA,CAAA6F,aAAA,CAACvF,IAAI;MACHmG,IAAI,EAAEA,IAAK;MACXC,IAAI,EAAE,EAAG;MACTC,KAAK,EAAE5D,MAAM,CAAC6D,cAAe;MAC7BC,cAAc,EAAE;QACdC,eAAe,EAAEhE,MAAM,CAAC;UACtBiE,KAAK,EAAE/D,OAAO,CAACgE,aAAa;UAC5BC,IAAI,EAAEjE,OAAO,CAACkE;QAChB,CAAC,CAAC;QACFC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,EAAE;QAChBC,WAAW,EAAE,EAAE;QACfC,SAAS,EAAE;MACb;IAAE,EACF;EAEN,CAAC;EAED,MAAMC,WAAW,GAAI9E,cAAmC,IAAK;IAC3D,IAAIA,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAE+E,aAAa,EAAE,EAAE;MACnC,MAAMC,WAAW,GAAGxG,cAAc,CAACwB,cAAc,CAAC;MAClD,QAAQgF,WAAW;QACjB,KAAK,YAAY;UACf,OAAO/B,kBAAkB,CAACxE,8BAA8B,CAACuB,cAAc,CAAC,CAAC;QAC3E,KAAK,YAAY;UACf,OAAOyD,2BAA2B,CAAChF,8BAA8B,CAACuB,cAAc,CAAC,CAAC;QACpF;UACE,OAAO8D,mBAAmB,CAACvF,0BAA0B,CAACyG,WAAW,CAAC,CAAC;MAAC;IAE1E;IACA,OAAO,IAAI;EACb,CAAC;EAED,oBACE1H,KAAA,CAAA6F,aAAA,CAACzF,IAAI,QACFsC,cAAc,iBACb1C,KAAA,CAAA6F,aAAA,CAACzF,IAAI;IACH4F,KAAK,EAAE;MACL2B,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC;MAChBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,CAAC;MACjBC,WAAW,EAAEnF,MAAM,CAACoF;IACtB;EAAE,gBAEFnI,KAAA,CAAA6F,aAAA,CAACzF,IAAI;IAAC4F,KAAK,EAAE;MAAEoC,IAAI,EAAE,CAAC;MAAET,aAAa,EAAE;IAAM;EAAE,GAC5CH,WAAW,CAAC9E,cAAc,CAAC,eAC5B1C,KAAA,CAAA6F,aAAA,CAACzF,IAAI;IAAC4F,KAAK,EAAE;MAAEoC,IAAI,EAAE,CAAC;MAAET,aAAa,EAAE;IAAS;EAAE,gBAChD3H,KAAA,CAAA6F,aAAA,CAACrF,IAAI;IAAC6H,aAAa,EAAE,CAAE;IAACrC,KAAK,EAAE;MAAEsC,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,KAAK;MAAEC,YAAY,EAAE;IAAE;EAAE,GACjFvF,OAAO,CAACqC,MAAM,CAACmD,iCAAiC,CAAC/F,cAAc,CAACgG,MAAM,CAAC,CACnE,eACP1I,KAAA,CAAA6F,aAAA,CAACrF,IAAI;IAAC6H,aAAa,EAAE,CAAE;IAACrC,KAAK,EAAE;MAAEsC,QAAQ,EAAE,EAAE;MAAE3B,KAAK,EAAE5D,MAAM,CAAC4F;IAAe;EAAE,GAC3E1F,OAAO,CAACqC,MAAM,CAACsD,gCAAgC,CAAClG,cAAc,CAAC,CAC3D,CACF,CACF,eACP1C,KAAA,CAAA6F,aAAA,CAAC1F,gBAAgB;IAAC0I,OAAO,EAAEA,CAAA,KAAMlG,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAGmG,SAAS;EAAE,gBAC9D9I,KAAA,CAAA6F,aAAA,CAACvF,IAAI;IAACmG,IAAI,EAAE,OAAQ;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAE5D,MAAM,CAACgG,cAAe;IAAClC,cAAc,EAAEZ,MAAM,CAAC+C;EAAS,EAAG,CAC/E,CAEtB,eACDhJ,KAAA,CAAA6F,aAAA,CAACzF,IAAI;IAAC4F,KAAK,EAAEC,MAAM,CAACgD;EAAmB,GACpClH,iBAAiB,iBAAI/B,KAAA,CAAA6F,aAAA,CAAC9D,iBAAiB;IAAC8G,OAAO,EAAEzD,iBAAkB;IAAC8D,QAAQ,EAAE5G;EAAc,EAAG,eAChGtC,KAAA,CAAA6F,aAAA,CAACpF,SAAS;IACRqB,GAAG,EAAEA,GAAI;IACTqH,SAAS;IACTC,mBAAmB;IACnBhH,iBAAiB,EAAEA,iBAAkB;IACrCiH,QAAQ,EAAE,CAAC/G,aAAc;IACzBH,YAAY,EAAEA,YAAa;IAC3B6D,KAAK,EAAEC,MAAM,CAACqD,KAAM;IACpBC,WAAW,EAAElE,cAAc;EAAG,GAE7BzC,cAAc,CAAC4G,yBAAyB,CACvCtH,IAAI,EACJG,cAAc,EACdQ,SAAS,CAACU,KAAK,CAACD,YAAY,CAACb,OAAO,CAACqB,aAAa,CACnD,CACS,EAEX2F,OAAO,CAACvH,IAAI,CAACwH,IAAI,EAAE,CAAC,iBACnB1J,KAAA,CAAA6F,aAAA,CAAC1F,gBAAgB;IAAC0I,OAAO,EAAEhE,eAAgB;IAACqE,QAAQ,EAAE5G;EAAc,gBAClEtC,KAAA,CAAA6F,aAAA,CAACvF,IAAI;IACHqG,KAAK,EACHrE,aAAa,GAAGS,MAAM,CAAC4G,EAAE,CAACL,KAAK,CAACM,OAAO,CAACV,QAAQ,CAACW,SAAS,GAAG9G,MAAM,CAAC4G,EAAE,CAACL,KAAK,CAACM,OAAO,CAACE,MAAM,CAACD,SAC7F;IACDpD,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE,EAAG;IACTG,cAAc,EAAEZ,MAAM,CAAC+C;EAAS,EAChC,CAEL,CACI,CACF;AAEX,CAAC,CAAC;AAEF,MAAM7D,oBAAoB,GAAGA,CAAC1C,OAAwB,EAAEuC,eAAyC,KAAK;EACpG,MAAM;IAAEnC,SAAS;IAAEkH;EAAuB,CAAC,GAAGtI,eAAe,EAAE;EAC/D,MAAM;IAAEwB;EAAQ,CAAC,GAAG1B,eAAe,EAAE;EACrC,MAAM;IAAEyI,WAAW;IAAE5G;EAAa,CAAC,GAAG5B,kBAAkB,EAAE;EAC1D,MAAM;IAAEyI;EAAM,CAAC,GAAGrJ,QAAQ,EAAE;EAC5B,MAAMuC,KAAK,GAAGrC,QAAQ,EAAE;EAExB,MAAMoE,UAAyC,GAAG,EAAE;EACpD,MAAMoE,KAAK,GAAGhI,OAAO,CAAC,MAAM;IAC1B,QAAQ,IAAI;MACV,KAAKmB,OAAO,CAACyH,aAAa,EAAE;QAC1B,OAAOrH,SAAS,CAACU,KAAK,CAAC4G,WAAW,CAAC1H,OAAO,CAAC6G,KAAK;MAClD,KAAK7G,OAAO,CAACe,cAAc,EAAE;QAC3B,OAAOX,SAAS,CAACU,KAAK,CAACD,YAAY,CAACb,OAAO,CAAC6G,KAAK;MACnD;QACE,OAAO;UACLc,cAAc,EAAE,IAAI;UACpBC,MAAM,EAAE;YAAEC,WAAW,EAAE,IAAI;YAAEC,WAAW,EAAE;UAAK,CAAC;UAChDC,OAAO,EAAE;YAAEF,WAAW,EAAE,IAAI;YAAEC,WAAW,EAAE;UAAK;QAClD,CAAC;IAAC;EAER,CAAC,CAAC;EAEF,IAAIjB,KAAK,CAACe,MAAM,CAACC,WAAW,EAAE;IAC5BpF,UAAU,CAACuF,IAAI,CAAC;MACdC,KAAK,EAAEzH,OAAO,CAACqC,MAAM,CAACqF,qCAAqC;MAC3DlE,IAAI,EAAE,QAAQ;MACdoC,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAM+B,SAAS,GAAG,MAAMZ,WAAW,CAACa,UAAU,CAAC;UAC7CC,SAAS,EAAE,OAAO;UAClBC,aAAa,EAAGtG,KAAK,IAAK;YACxB,IAAIA,KAAK,CAACuG,IAAI,KAAKtJ,QAAQ,CAACuJ,IAAI,CAACC,sBAAsB,EAAE;cACvDjB,KAAK,CAAC;gBACJS,KAAK,EAAEzH,OAAO,CAACkI,MAAM,CAACC,uBAAuB;gBAC7CtG,OAAO,EAAE7B,OAAO,CAACkI,MAAM,CAACE,yBAAyB,CAC/CpI,OAAO,CAACqC,MAAM,CAACgG,iBAAiB,EAChCrI,OAAO,CAACqC,MAAM,CAACiG,mBAAmB,CACnC;gBACDC,OAAO,EAAE,CAAC;kBAAEtJ,IAAI,EAAEe,OAAO,CAACkI,MAAM,CAACM,oBAAoB;kBAAE5C,OAAO,EAAEA,CAAA,KAAMlH,QAAQ,CAAC+J,YAAY;gBAAG,CAAC;cACjG,CAAC,CAAC;YACJ,CAAC,MAAM;cACLvI,KAAK,CAACuB,IAAI,CAACzB,OAAO,CAAC0B,KAAK,CAACgH,iBAAiB,EAAE,OAAO,CAAC;YACtD;UACF;QACF,CAAC,CAAC;QAEF,IAAIf,SAAS,EAAE;UACb;UACA,IACExJ,OAAO,CAACwJ,SAAS,CAAC7E,GAAG,EAAE6E,SAAS,CAACgB,IAAI,CAAC,IACtCvK,mBAAmB,CAACuJ,SAAS,CAACgB,IAAI,EAAE/I,SAAS,CAACgJ,IAAI,CAACC,uBAAuB,CAAC,EAC3E;YACA,MAAMnK,QAAQ,CAACoK,OAAO,CAAC,YAAY;cACjC,MAAMC,UAAU,GAAG,MAAM5I,YAAY,CAAC6I,aAAa,CAAC;gBAClDlG,GAAG,EAAE6E,SAAS,CAAC7E,GAAG;gBAClBmG,QAAQ,EAAEnC,sBAAsB,CAAC5C,KAAK;gBACtCgF,SAAS,EAAEpC,sBAAsB,CAAC3C,MAAM;gBACxCgF,eAAe,EAAErC,sBAAsB,CAACqC;cAC1C,CAAC,CAAC;cAEF,IAAIJ,UAAU,EAAE;gBACdpB,SAAS,CAAC7E,GAAG,GAAGiG,UAAU,CAACjG,GAAG;gBAC9B6E,SAAS,CAAClE,IAAI,GAAGsF,UAAU,CAACtF,IAAI;cAClC;YACF,CAAC,CAAC;UACJ;UAEA1B,eAAe,CAAC4F,SAAS,CAAC;QAC5B;MACF;IACF,CAAC,CAAC;EACJ;EAEA,IAAItB,KAAK,CAACe,MAAM,CAACE,WAAW,EAAE;IAC5BrF,UAAU,CAACuF,IAAI,CAAC;MACdC,KAAK,EAAEzH,OAAO,CAACqC,MAAM,CAAC+G,qCAAqC;MAC3D5F,IAAI,EAAE,QAAQ;MACdoC,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAM+B,SAAS,GAAG,MAAMZ,WAAW,CAACa,UAAU,CAAC;UAC7CC,SAAS,EAAE,OAAO;UAClBC,aAAa,EAAGtG,KAAK,IAAK;YACxB,IAAIA,KAAK,CAACuG,IAAI,KAAKtJ,QAAQ,CAACuJ,IAAI,CAACC,sBAAsB,EAAE;cACvDjB,KAAK,CAAC;gBACJS,KAAK,EAAEzH,OAAO,CAACkI,MAAM,CAACC,uBAAuB;gBAC7CtG,OAAO,EAAE7B,OAAO,CAACkI,MAAM,CAACE,yBAAyB,CAC/CpI,OAAO,CAACqC,MAAM,CAACgG,iBAAiB,EAChCrI,OAAO,CAACqC,MAAM,CAACiG,mBAAmB,CACnC;gBACDC,OAAO,EAAE,CAAC;kBAAEtJ,IAAI,EAAEe,OAAO,CAACkI,MAAM,CAACM,oBAAoB;kBAAE5C,OAAO,EAAEA,CAAA,KAAMlH,QAAQ,CAAC+J,YAAY;gBAAG,CAAC;cACjG,CAAC,CAAC;YACJ,CAAC,MAAM;cACLvI,KAAK,CAACuB,IAAI,CAACzB,OAAO,CAAC0B,KAAK,CAACgH,iBAAiB,EAAE,OAAO,CAAC;YACtD;UACF;QACF,CAAC,CAAC;QAEF,IAAIf,SAAS,EAAE;UACb5F,eAAe,CAAC4F,SAAS,CAAC;QAC5B;MACF;IACF,CAAC,CAAC;EACJ;EAEA,IAAItB,KAAK,CAACkB,OAAO,CAACF,WAAW,IAAIhB,KAAK,CAACkB,OAAO,CAACD,WAAW,EAAE;IAC1D,MAAMO,SAAS,GAAG,CAAC,MAAM;MACvB,QAAQ,IAAI;QACV,KAAKxB,KAAK,CAACkB,OAAO,CAACF,WAAW,IAAIhB,KAAK,CAACkB,OAAO,CAACD,WAAW;UACzD,OAAO,KAAK;QACd,KAAKjB,KAAK,CAACkB,OAAO,CAACF,WAAW,IAAI,CAAChB,KAAK,CAACkB,OAAO,CAACD,WAAW;UAC1D,OAAO,OAAO;QAChB,KAAK,CAACjB,KAAK,CAACkB,OAAO,CAACF,WAAW,IAAIhB,KAAK,CAACkB,OAAO,CAACD,WAAW;UAC1D,OAAO,OAAO;QAChB;UACE,OAAO,KAAK;MAAC;IAEnB,CAAC,GAAG;IAEJrF,UAAU,CAACuF,IAAI,CAAC;MACdC,KAAK,EAAEzH,OAAO,CAACqC,MAAM,CAACgH,sCAAsC;MAC5D7F,IAAI,EAAE,OAAO;MACboC,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAM0D,UAAU,GAAG,MAAMvC,WAAW,CAACwC,gBAAgB,CAAC;UACpDC,cAAc,EAAE,CAAC;UACjB3B,SAAS;UACTC,aAAa,EAAGtG,KAAK,IAAK;YACxB,IAAIA,KAAK,CAACuG,IAAI,KAAKtJ,QAAQ,CAACuJ,IAAI,CAACC,sBAAsB,EAAE;cACvDjB,KAAK,CAAC;gBACJS,KAAK,EAAEzH,OAAO,CAACkI,MAAM,CAACC,uBAAuB;gBAC7CtG,OAAO,EAAE7B,OAAO,CAACkI,MAAM,CAACE,yBAAyB,CAC/CpI,OAAO,CAACqC,MAAM,CAACoH,yBAAyB,EACxCzJ,OAAO,CAACqC,MAAM,CAACiG,mBAAmB,CACnC;gBACDC,OAAO,EAAE,CAAC;kBAAEtJ,IAAI,EAAEe,OAAO,CAACkI,MAAM,CAACM,oBAAoB;kBAAE5C,OAAO,EAAEA,CAAA,KAAMlH,QAAQ,CAAC+J,YAAY;gBAAG,CAAC;cACjG,CAAC,CAAC;YACJ,CAAC,MAAM;cACLvI,KAAK,CAACuB,IAAI,CAACzB,OAAO,CAAC0B,KAAK,CAACgI,wBAAwB,EAAE,OAAO,CAAC;YAC7D;UACF;QACF,CAAC,CAAC;QAEF,IAAIJ,UAAU,IAAIA,UAAU,CAAC,CAAC,CAAC,EAAE;UAC/B,MAAM3B,SAAS,GAAG2B,UAAU,CAAC,CAAC,CAAC;;UAE/B;UACA,IACEnL,OAAO,CAACwJ,SAAS,CAAC7E,GAAG,EAAE6E,SAAS,CAACgB,IAAI,CAAC,IACtCvK,mBAAmB,CAACuJ,SAAS,CAACgB,IAAI,EAAE/I,SAAS,CAACgJ,IAAI,CAACC,uBAAuB,CAAC,EAC3E;YACA,MAAMnK,QAAQ,CAACoK,OAAO,CAAC,YAAY;cACjC,MAAMC,UAAU,GAAG,MAAM5I,YAAY,CAAC6I,aAAa,CAAC;gBAClDlG,GAAG,EAAE6E,SAAS,CAAC7E,GAAG;gBAClBmG,QAAQ,EAAEnC,sBAAsB,CAAC5C,KAAK;gBACtCgF,SAAS,EAAEpC,sBAAsB,CAAC3C,MAAM;gBACxCgF,eAAe,EAAErC,sBAAsB,CAACqC;cAC1C,CAAC,CAAC;cAEF,IAAIJ,UAAU,EAAE;gBACdpB,SAAS,CAAC7E,GAAG,GAAGiG,UAAU,CAACjG,GAAG;gBAC9B6E,SAAS,CAAClE,IAAI,GAAGsF,UAAU,CAACtF,IAAI;cAClC;YACF,CAAC,CAAC;UACJ;UAEA1B,eAAe,CAAC4F,SAAS,CAAC;QAC5B;MACF;IACF,CAAC,CAAC;EACJ;EAEA,IAAItB,KAAK,CAACc,cAAc,EAAE;IACxBlF,UAAU,CAACuF,IAAI,CAAC;MACdC,KAAK,EAAEzH,OAAO,CAACqC,MAAM,CAACsH,8BAA8B;MACpDnG,IAAI,EAAE,UAAU;MAChBoC,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAMgE,YAAY,GAAG,MAAM7C,WAAW,CAAC8C,YAAY,CAAC;UAClD/B,aAAa,EAAEA,CAAA,KAAM5H,KAAK,CAACuB,IAAI,CAACzB,OAAO,CAAC0B,KAAK,CAACoI,gBAAgB,EAAE,OAAO;QACzE,CAAC,CAAC;QAEF,IAAIF,YAAY,EAAE;UAChB;UACA,IACEzL,OAAO,CAACyL,YAAY,CAAC9G,GAAG,EAAE8G,YAAY,CAACjB,IAAI,CAAC,IAC5CvK,mBAAmB,CAACwL,YAAY,CAACjB,IAAI,EAAE/I,SAAS,CAACgJ,IAAI,CAACC,uBAAuB,CAAC,EAC9E;YACA,MAAMnK,QAAQ,CAACoK,OAAO,CAAC,YAAY;cACjC,MAAMC,UAAU,GAAG,MAAM5I,YAAY,CAAC6I,aAAa,CAAC;gBAClDlG,GAAG,EAAE8G,YAAY,CAAC9G,GAAG;gBACrBmG,QAAQ,EAAEnC,sBAAsB,CAAC5C,KAAK;gBACtCgF,SAAS,EAAEpC,sBAAsB,CAAC3C,MAAM;gBACxCgF,eAAe,EAAErC,sBAAsB,CAACqC;cAC1C,CAAC,CAAC;cAEF,IAAIJ,UAAU,EAAE;gBACda,YAAY,CAAC9G,GAAG,GAAGiG,UAAU,CAACjG,GAAG;gBACjC8G,YAAY,CAACnG,IAAI,GAAGsF,UAAU,CAACtF,IAAI;cACrC;YACF,CAAC,CAAC;UACJ;UAEA1B,eAAe,CAAC6H,YAAY,CAAC;QAC/B;MACF;IACF,CAAC,CAAC;EACJ;EAEA,OAAO3H,UAAU;AACnB,CAAC;AAED,MAAMe,MAAM,GAAGtF,gBAAgB,CAAC;EAC9BsI,kBAAkB,EAAE;IAClB+D,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBjF,UAAU,EAAE,QAAQ;IACpBL,aAAa,EAAE;EACjB,CAAC;EACD2B,KAAK,EAAE;IACLlB,IAAI,EAAE,CAAC;IACPd,WAAW,EAAE,CAAC;IACd4F,SAAS,EAAE,EAAE;IACbf,SAAS,EAAE,EAAE,GAAGjM,QAAQ,CAAC4C,MAAM,CAAC;MAAEqK,GAAG,EAAE,GAAG;MAAEvD,OAAO,EAAE;IAAE,CAAC,CAAC;IACzDvC,YAAY,EAAE;EAChB,CAAC;EACD2B,QAAQ,EAAE;IACRoE,UAAU,EAAE,CAAC;IACbC,OAAO,EAAE;EACX,CAAC;EACDnH,YAAY,EAAE;IACZiB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBE,SAAS,EAAE,CAAC;IACZD,WAAW,EAAE,EAAE;IACfgG,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAe1L,SAAS"}
@@ -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, useRef, useState } from 'react';
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
- useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);
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 useTextPersistenceOnDisabled = (text, setText, chatDisabled) => {
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(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
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
- if (!channel.isEphemeral) {
228
- if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
223
+ }
224
+ if (!channel.isEphemeral) {
225
+ if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
226
+ if (msg.isUserMessage()) {
229
227
  sheetItems.push({
230
- icon: 'delete',
231
- title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
232
- onPress: () => confirmDelete(msg)
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(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
288
+ onResendFailedMessage(msg).catch(onFailureToReSend);
275
289
  };
276
290
  }
277
291
  if (msg.sendingStatus === 'pending') {